认识vue.js

vue功能技术分析

• vue-resource：和后端做数据交互
• vue-router：做前端路由，实现单页面应用
• 第三方JS库：better-scroll 最大程度组件化

MVVM框架

view——viewmodel——model

• view：视图——DOM
• viewmodel：（相当于连接线）通讯——观察者
• model：数据——JavaScript对象

1. 针对具有复杂交互逻辑的前端应用
2. 提供基础的架构抽象
3. 通过Ajax数据持久化，保证前端用户体验

MVVM框架还有：Angular.js、react.js、vue.js

什么是vue.js

1.它是一个轻量级MVVM框架（因为体积小）
2.数据驱动+组件化的前端开发（数据驱动和组件化是vue的核心思想）
3.它的github超过25k+的star数，社区完善（官网里面有社区部分有助于学习）

vue与angular、react对比

1.vue.js更轻量，gzip后大小只有20k+
2.vue.js更容易上手，学习曲线平稳
3.吸取两家之长，借鉴了angular的指令和react的组件化

vue的核心——数据驱动、组件化

数据驱动：DOM是数据的一种自然映射
组件化：扩展HTML元素，封装可重用的代码

组件设计原则：
1.页面上每个独立的可视/可交互区域视为一个组件
2.每个组件对应一个工程目录，组件所需要的各种资源在这个目录下就近维护
3.页面不过是组件的容器，组件可以嵌套自由组合形成完整的页面