Vue 响应式原理

Vue 的两个阶段：

1. 加载初始化混入。

1.1 初始化混入

源码解读：
路径：src/core/instance/index.js
我为源码添加了注释

image.png
image.png

通过观察源码发现，当加载完Vue的sdk文件后，会首先执行这些初始化原型属性与方法。
之后会通过initMixin里的this._init()一层层嵌套关联关系深入下去，这个放后面讲

1.2 与数据状态有关的属性与方法混入

文件路径：src/core/instance/state.js

image.png

1.3 事件方法混入

image.png

1.4 生命周期混入

image.png

1.5渲染函数混入

image.png

2. 生命周期管理阶段。