第一章 初识 Vue.js

1、Vue 提供了现代 Web 开发中常见的高级功能,比如:解耦视图与数据、可复用的组件、前端路由、状态管理、虚拟 DOM (Virtual DOM)等。

2、Vue 在设计上也使用了 MVVM(Model - View - ViewModel)模式,该模式是由经典的软件架构 MVC 衍生而来,当 View(视图层)变化时,会自动更新到 ViewModel(视图模型层),反之亦然,二者之间通过双向绑定建立联系。

MVC 与 MVVM 的区别:
MVC 是比较直观的架构模式,用户操作 => View(负责接收用户的输入操作)=> Controller(业务逻辑处理)=>Model(数据持久化)=> View(将结果反馈给 View)。
MVVM 是将“双向绑定”的思想作为核心,在 View 和 Model 之间是没有直接联系的,二者通过 ViewModel 进行交互,Model 和 ViewModel 之间的交互是双向的,因此视图的数据变化会同时修改数据源,而数据源的变化也会立即反应到 View 上。

3、传统前端开发模式:
“万金油”技术栈:jQuery + RequireJS(SeaJS)+ artTemplate(doT)+ Gulp(Grunt)
RequireJS(SeaJS)进行模块化开发解决代码依赖混乱问题,便于维护及团队协作;
artTemplate(doT)将数据与 HTML 模板分离;
Gulp(Grunt)自动化构建工具合并压缩代码,也可以对 Less、Sass、ES 6 进行预编译。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容