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）的原理和优缺点
未来再看 加油各位~~~~