qq_44186810的博客

Vue2中采用Object.defineProperty来实现数据响应式，Object.definePropery虽然可以监听到数组的变化，但是由于在性能和体验的性价比上考虑，Vue2放弃了这个特性。1）v-for优先于v-if被解析，从源码中发现，先处理静态节点，在处理once，在处理for，在处理if，代码显示for的优先级比if高，断点调试也证实for优先于if。v-if：是惰性渲染机制，在属性初始为false时，组件就不会被渲染，直到条件为true，并且切换条件时会触发销毁/挂载组件。

vue2实例实现一个初步的vuex

总的来说，vue框架简单实现原理就是mvvm视图模型数据监听器（Observer）：实现对数据属性的set/get的劫持，监听属性变动，实现消息订阅。Dep类：管理set操作的消息广播数组，实现数据变动触发notify，向订阅者传递消息。Watcher：作为连接Observer和Compile的桥梁，能够订阅并收到每个属性变动的通知，执行指令绑定的相应回调函数，从而更新视图。总的来说，vue框架简单实现原理就是mvvm视图模型数据监听器（Observer）

vue2实例实现一个初步的vue-router，实现源码：vue2-review