Vue的一些原理总结

vue

Vue的响应式原理

Vue的响应式原理是应用于ES5中的保护对象方法,Object.defindeProperty中访问属性的get和set方法,而data的数据都被声明访问器属性中去,当获取data时,会调用get方法。修改data时,会调用set方法,然后通知观察者,观察者自动重新触发render函数来渲染当前组件(子组件不会重新渲染),生成新的虚拟Dom来树和旧的虚拟Dom树比较,并记录下来,最后加载操作并重新渲染旧DOM树上的不同节点。

形象总结:Object.defindeProperty相当与男主,get与set是男主与女主互动的方法,DOM是女主,当女主想拿男主的钱时,男主就给了,就触发了get方法。而男主出轨了,新的女主来了和她来了个互动,男主就将新和旧做成对比,男主选择了新的女主,并将旧的女主的优点给了新的女主。


网友推荐图:@xuqiang521我不认识他。。

发布订阅模式

  1. 概念

发布-订阅模式又称为观察者模式,它定义的是一种一对多的依赖关系,当一个状态发生改变的时候,所有以来这个状态的对象都会得到通知。

舔狗形象理解:男的爱女的,女的不爱男的,男的就一直等女的说爱他。其实女的不止一个被男的喜欢,当女选中一个说爱某个男的时候,肯定需要通过某种方法(微信,嘴巴,电话 etc)让男的做出某种互动反应。

文档:自己看,自己写,多练练《-这个是链接来的

源码:多读书,多看报,少睡觉《-

前端路由的实现原理

nextTick / setState 的实现原理

diff 算法

单页面应用(SPA)的原理和优缺点

未来再看 加油各位~~~~

以上是 Vue的一些原理总结 的全部内容, 来源链接: utcz.com/z/376047.html

回到顶部