Vue.js 3.x从入门到精通(视频教学版)
上QQ阅读APP看书,第一时间看更新

1.6 疑难解惑

疑问1:前端开发的技术体系是什么?

目前的前端技术已经形成了一个大的技术体系。

(1)以GitHub为代表的代码管理仓库。

(2)以NPM和Yarn为代表的包管理工具。

(3)ECMAScript 6、TypeScript及Babel构成的脚本体系。

(4)HTML5、CSS 3及其相应的处理技术。

(5)以React、Vue、Angular为代表的前端框架。

疑问2:在Vue.js中怎么理解MVVM?

MVVM是Model-View-ViewModel的缩写。Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑。View代表UI组件,它负责将数据模型转化成UI展现出来。

ViewModel监听模型数据的改变和控制视图行为、处理用户交互,简单理解就是一个同步View和Model的对象,连接Model和View。

在MVVM架构下,View和Model之间并没有直接的联系,而是通过ViewModel进行交互,Model和ViewModel之间的交互是双向的,因此View数据的变化会同步到Model中,而Model数据的变化也会立即反映到View上。

ViewModel通过双向数据绑定把View层和Model层连接起来,而View和Model之间的同步工作完全是自动的,无须人为干涉,因此开发者只需关注业务逻辑,不需要手动操作DOM,不需要关注数据状态的同步问题,复杂的数据状态维护完全由MVVM来统一管理。