VUE渲染过程都有哪些事情发生

VUE渲染过程中都发生了那些事

了解VUE渲染过程中都做了些什么，这样方便我们在工作中方便操作DOM，实现一些不好实现的交互功能。首先我们来看看这一张图。

第一步：将data里的属性挂载到VUE实例上

第二步：利用getter和setter监听data上的属性

第三步：将模版编译为render函数，结合data里数据执行render生成vnode

第四步：执行render函数时，会触发data属性的getter,在getter函数里面将这些依赖都收集起来（watcher）然后通过patch生成dom节点。

第五步：修改data时，notify watcher，修改的data是不是在watcher里。

第六步：如果之前被收集起来的依赖有被notify，就重新执行render函数。