官网
什么是库？什么是框架?
-
库是将代码集合成一个产品，调用库中的方法实现自己的功能；
-
框架则是为解决一类问题而开发的产品，框架是在指定的位置编写好代码，框架会自动调用；
介绍描述
-
渐进式 JavaScript 框架；
-
作者: 尤雨溪 (一位华裔前 Google 工程师)；
-
作用: 动态构建用户界面；
Vue 的特点
-
遵循 MVVM 模式；
-
编码简洁, 体积小, 运行效率高, 适合 移动 / PC 端开发；
-
它本身只关注 UI, 可以轻松引入 vue 插件或其它第三库开发项目；
与其它前端 JS 框架的关联
-
借鉴 angular 的模板和数据绑定技术；
-
借鉴 react 的组件化和虚拟 DOM 技术；
Vue 扩展插件
-
vue-cli: vue 脚手架；
-
vue-resource(axios): ajax 请求；
-
vue-router: 路由；
-
vuex: 状态管理；
-
vue-lazyload: 图片懒加载；
-
vue-scroller: 页面滑动相关；
-
mint-ui: 基于 vue 的 UI 组件库（移动端）；
-
element-ui: 基于 vue 的 UI 组件库（PC 端）；
搭建工程相关
vue-cli
-
vue-cli 是一个脚手架工具，用于搭建 vue 工程，它内部使用了 webpack，并预置了诸多插件 （plugin） 和加载器 （loader），以达到开箱即用的效果；
-
除了基本的插件和加载器外，vue-cli 还预置了：
- babel
- webpack-dev-server
- eslint
- postcss
- less-loader
SFC
单文件组件，Single File Component，即一个文件就包含了一个组件所需的全部代码；
<template>
<!-- 组件模板代码 -->
</template>
<script>
export default {
// 组件配置
}
</script>
<style>
/* 组件样式 */
</style>
预编译
-
当 vue-cli 进行 打包 时，会直接把组件中的模板转换为 render 函数，这叫做模板预编译；
-
这样做的好处在于：
- 运行时就不再需要编译模板了，提高了运行效率；
- 打包结果中不再需要 vue 的编译代码，减少了打包体积；
打赏作者
您的打赏是我前进的动力
微信
支付宝
剑指 Offer 66.构建乘积数组
上一篇
评论
