一、MVVM框架：
model：数据（js）
View：试图（Dom）
viewModel：（通讯：）
概念：
针对复杂逻辑的前端应用
提供基础的架构抽象
通过Ajax数据持久化
二、Vue.js
概念：
1.轻量级MVVM框架
2.数据驱动+组件化的前端开发
3.社区成熟
三、Vue angular reacet 对比
1.Vue 大小20+k angular 50+k react 40+k
2.vue 更好上手
3.angular（偏向于后台) 吸收angular指令和react的组件化
四、Vue的数据驱动
1.DOM是数据的一种自然映射
（mvvm框架示意图）
View--------view model-------model
2.减少手动操做DOM层
3.数据相应原理（自动更新（
DOM ------- WATCHER ------ MODEL
Model传值给wather
Dom改变数据传输给watcher
在watcher中对比新旧数据，若有改变传递给dom
五、组件化（扩展html元素，疯转可重用的代码）
1. 页面上独立 可视/可交互区域视为一个组件
2. 每个组件对应一个工程目录，组件所需要的各种资源在这个目录下就近维护
3. 页面是组件容器，组件可以嵌套自由者形成完整的页面