标签:视图 初始化 连接 变化 好的 模型 操作 ted 挂载
一、对于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来统一管理。
二、Vue的生命周期
beforeCreate (创建前) 在数据观测和初始化事件还未开始 created (创建后) 完成数据观测, 属性和方法的运算, 初始化事件, el替换,并挂载到实例上去之后调用。 实例已完成以下的配置:用上面编译好的html内容替换el属性指向的DOM对象。 完成模板中的html渲染到html页面中。 此过程中进行ajax交互。
beforeUpdate (更新前) 在数据更新之前调用, 发生在虚拟DOM重新渲染和打补丁之前。 ·可以在该钩子中进一步地更改状态,不会触发附加的重渲染过程。
标签:视图 初始化 连接 变化 好的 模型 操作 ted 挂载
原文地址:https://www.cnblogs.com/still1/p/10725993.html