![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
PeggyCoding
这个作者很懒,什么都没留下…
展开
-
Vue响应式原理解析(Vue2.x和3.x及区别)
我们都知道在Vue.js中,MVVM相对传统的DOM操作,有一个很大的优点就是能实现数据的双向绑定。先用代码来体验一下:<div id="app"> {{message}} {{name}} </div> <script src="vue.js"></script> <script> const app = new Vue({ el: '#app',原创 2020-06-02 10:46:51 · 923 阅读 · 0 评论 -
Vue.js的MVVM模式
开头先放出这张大家看过很多遍的图。简单理解就是:在模板(Model)上绑定JavaScript对象(数据),当视图层(View)发生改变,VM层会监听视图层的变化并通知Model数据更新,数据更新后再通过VM层通知View层发生改变。View层和Model层并不能直接通信,两者得到了最大限度的分离。具体执行过程看这张图:实现一个Obverse数据监听器,监听所有节点数据对象的属性,如果检测到发生变化便通知Dep(订阅者)实现一个Compile模板编译类,对每个节点进行解析编译,根据要求更新.原创 2020-05-29 11:14:34 · 293 阅读 · 0 评论