一、vue的双向绑定原理(vue的原理、简单说一下双向数据绑定)
vue是采用数据劫持结合发布者-订阅者模式的方式,通过object.defineProperty()来劫持各个属性的setter和getter,在数据变动时发布消息给订阅者,触发响应的监听回调
具体步骤:
第一步:需要observe的数据对象进行递归遍历,给各个属性加上setter和getter,从而监听数据的变化
第二步:compile解析模板指令,将模板中的变量替换成数据,然后初始化渲染页面视图,一旦数据变动,就更新视图
第三步:watcher订阅者是observe和complie之间通信的桥梁
第四步:MVVM作为数据绑定的入口,整合observe、compile和watcher三者,通过observe来监听自己的model数据变化,通过compile来解析编译模板指令,最终利用watcher搭起observe和compile之间的桥梁,达到数据变化,视图更新
二、MVVM的理解
MVVM 由 Model、View、ViewModel 三部分构成,Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;View 代表UI 组件,它负责将数据模型转化成UI 展现出来,ViewModel 是一个同步View 和 Model的对象。在MVVM架构下,View 和 Model 之间并没有直接的联系,而是通过ViewModel进行交互,Model 和 ViewModel 之间的交互是双向的, 因此View 数据的变化会同步到Model中,而M
vue router 获取所有path_vue常见知识点
最新推荐文章于 2024-03-28 13:12:14 发布