前端三大框架：
1.Angular.js，由google研发团队最先写出；
2.React.js，由facebook团队继Angular.js之后写出；
3.Vue.js，由中国前端开发工程师尤雨溪写出。
vue.js介绍
vue是一种渐进式JavaScript框架，所谓渐进式就是你需要用什么，就引入相应的插件，由浅入深。在前端开发时，需要什么，引入什么。
声明式渲染：在页面new一个vue实例，在data里声明变量，在模板里使用变量。
组件系统：需要组件系统时，定义一个component。
客户端路由：引入vue-router进行路由管理。
大规模状态管理：引入vuex，便于页面之间、不同组件之间共享状态，如用户信息。
构建工具：vue使用的是webpack，进行版本号管理、打包压缩、ES6解码、sass/less等的编译。
Vue是一个基于MVVM模式数据驱动页面的框架，它将数据绑定在视图上。属于实现单页面应用的技术.
vue优点：
(1)简洁： HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。
(2) 数据驱动： 自动追踪依赖的模板表达式和计算属性。
(3)组件化： 用解耦、可复用的组件来构造界面。
(4) 轻量： ~24kb min+gzip，无依赖。
(5)快速： 精确有效的异步批量 DOM 更新。
(6)模块友好： 通过 NPM 或 Bower 安装，无缝融入你的工作流。
vue缺点：
Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器
vue安装及使用说明
1.安装node：端开发框架和环境都需要node.js，vue的运行是要依赖于node的npm的管理工具来实现。（https://nodejs.org/en/） npm是Node Package Manager。node的包管理工具，默认安装完node之后，npm会自动安装上。查看安装版本【node –v 】、【npm -v】
2.安装vue:【npm install vue】
3.使用vue：
方式一：引入CDN
方式二：使用vue-cli脚手架
安装vue-cli【npm install –g vue-cli】、创建项目【 vue init webpack my-project 】
声明式渲染：Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统。 Vue将数据和 DOM 建立了关联，所有东西都是响应式的
new Vue({
el:’’#vue-app”,
data:{
name:”buding”，
job:”web开发”,
},
methods:{
greet:function(time){
return “good”+time+” ”+this.name+”!”
}
}
});
new一个vue对象时，可以设置其属性，包括：
el—element需要获取的元素，一定是html中的根容器元素
data:用于数据的存储
methods:用于存储各种方法
watch:设置对象的监听方法
vue模板指令
数据绑定：v-text、v-html、{{}}、v-model
控制显示：v-if、v-else、v-else-if、v-show
渲染循环：v-for
绑定事件：v-on
绑定属性：v-bind
vue数据驱动
所谓的数据驱动就是当数据发生变化的时候，用户界面发生相应的变化，开发者不需要手动的去修改dom。
jq是简化了dom操作，而react和vue则是通过使用虚拟dom的方式，不需要频繁的更改ui界面，而是通过更改数据的方式来更新界面。
比如说我们点击一个button，需要元素的文本进行是和否的切换。在jquery中，对于页面的修改我们一般是这样的一个流程，我们对button绑定事件，然后获取文案对应的元素dom对象，然后根据切换修改该dom对象的文案值。
Vue: 在普通 HTML 模板中使用特殊的语法将 DOM “绑定”到底层数据。一旦创建了绑定，DOM 将与数据保持同步。每当修改了数据，DOM 便相应地更新。这样我们应用中的逻辑就几乎都是直接修改数据了，不必与 DOM 更新搅在一起。这让我们的代码更容易撰写、理解与维护。
Vue通过MVVM实现数据绑定和自动同步。View层就是视图层，即DOM，ViewModel是创建的vue实例，Model是模型层，即原生js对象。
当用户发生了一个行为修改了DOM元素之后，这个修改的行为会被ViewModel监听，ViewModel监听到之后，会去修改Model的数据，最后通过ViewModel的数据拼装，改变View。
在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，并且Model 和 ViewModel 之间的交互是双向的。因此开发者只需关注业务逻辑，不需要手动操作DOM, 不需要关注数据状态的同步问题，复杂的数据状态维护完全由 MVVM 来统一管理。
vue组件化
每一个应用界面都可以看作是组件构成的。例如，你可能会有页头、侧边栏、内容区等组件，每个组件又包含了其它的像导航链接、博文之类的组件。每一个组件都可以看做是一个ViewModel
总结
Vue是一个基于MVVM模式数据驱动页面的框架，它将数据绑定在视图上。属于实现单页面应用的技术。.总结起来的几大特点：
（1） 简洁 （2） 轻量 （3）快速 （4） 数据驱动 （5） 模块友好 （6） 组件化