现在Web开发中常见的高级功能:
* 解耦视图与数据
* 可复用的组件
* 前端路由
* 状态管理
* 虚拟DOM(Virtual DOM)
1.1.1 MVVM模式
(Model-View-ViewModel)模式。
当View(视图层)变化时,会自动更新到ViewModel(视图模型)。
1.1.2 Vue.js有什么不同
Vue.js通过MVVM的模式拆分为视图与数据两部分,并将其分离。因此,你只需要关心你的数据即可,DOM的事情Vue会帮你自动搞定。
1.2 如何使用Vue.js
1.2.1传统的前端开发模式
万金油技术栈:jQuery + RequireJS(SeaJS)+ artTemplate(doT)+ Gulp(Grunt)RequireJS或SeaJS进行模块化开发可以解决依赖混乱的问题,同时便于维护及团队协作; 前端模板点可以将数据与HTML模板分离; 自动化构建工具咕嘟咕嘟合并压缩代码(减,萨斯,ES6)。
1.2.2 Vue.js的开发模式