1.第一个Vue程序

1.简介

Vue是一套用于构建用户界面的渐进式架构，发布于2014年2月。与其他大型框架不同的是，Vue被设计为可以自底向上逐层应用。

Vue的核心只关注视图层，不仅易于上手，还便于与第三方库（如：vue-router，vue-resource,vuex）或既有项目整合。

2.MVVM模式的实现者

• Model：模型层，在这里表示JavaScript对象
• View：视图层，在这里表示DOM（HTML操作的元素）
• ViewModel：连接视图和数据的中间件，Vue.js就是MVVM中的ViewModel层的实现者

在MVVM架构中，是不允许数据和视图直接通信的，只能通过ViewModel来通信，而ViewModel就是定义了一个Observer观察者

• ViewModel能够观察到数据的变化，并对视图对应的内容进行更新
• ViewModel能够监听到视图的变化，并能够通知数据发生变化

至此我们明白了， Vue.js就是一个MVVM的实现者，他的核心就是实现了DOM监听与数据绑定

3.为什么要使用Vue.js

• 轻量级，体积小是一个重要指标。Vue.js压缩后只有20多kb（Angular压缩后56kb+，React压缩后44kb+）
• 移动优先。更适合移动端，比如移动端的Touch事件
• 易上手，学习曲线平稳，文档齐全
• 吸取了Angular（模块化）和React（虚拟DOM）的长处，并拥有自己独特的功能，并拥有自己独特的功能，如：计算属性
• 开源，社区活跃度高
• ......

4.第一个Vue程序准备

注意：Vue不支持IE8及以下，因为Vue使用了IE8无法模拟的ECMAScript5特性。但它支持所有兼容ECMAScript5的浏览器

原文：https://www.cnblogs.com/lxzlovewyq/p/13504427.html