Vue基础之初识Vue

Vue特色及优势

• 小巧，压缩后体积17KB；
• 渐进式，不须要一口吃成大胖子，一上来就用全部的东西，能够一步一步、有阶段的先吃成小胖子；
• 数据驱动，双向数据绑定，MVVM模式，详见下一段
• 指令，例如v-if/v-show等
• 插件，若是你听过鼎鼎有名的饿了么UI你就更能体会其中精妙之处，不过不要着急

MVVM模式（面试考点）

和知名前端框架Angular同样，Vue.js设计上也使用MVVM模式
MVVM模式（Model-View-ViewModel）由MVC模式衍生而来。当View（视图层）发生变化时，会自动更新到ViewModel（视图模型），逆推也成立。因此这二者（View-ViewModel）的关系就是所谓的数据双向绑定。

下载安装

1. 经过script加载CDN文件

<!-- 指定某个具体版本的Vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>
<!-- 自动识别最新版本的Vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

两个版本均可以，若是不太了解各个版本的区别，建议直接使用最新的稳定版本（若是展转反侧非想了解其中的差异能够前往vue官方文档的安装章节的“对不一样构建版本的解释”）。注意：在你发布的站点中使用生产环境版本，把 vue.js 换成 vue.min.js。这是一个更小的构建，能够带来比开发环境下更快的速度体验。

1. 将代码下载下来，经过本身的相对路径引用

2. npm下载
   只须要会npm的使用和项目初始化就能够了

   NPM是随同NodeJS一块儿安装的包管理工具，因为新版的nodejs已经集成了npm，因此以前npm也一并安装好了。NPM容许用户从NPM服务器下载别人编写的第三方包到本地使用

   使用 npm 命令安装模块

   npm install 模块名

   npm install vue

以上是本期所有内容，欲知后事如何，请听下回分解<(￣︶￣)↗[GO!]