vue生命周期笔记

Posted 2020-11-05 九萌萌

1、创建VUE实例，new Vue()

2、在创建实例的过程中，调用钩子beforeCreate()，在执行这个函数时，DOM还没有挂载，属性行为都没有绑定

　  之后，init injecions and reactivity，注册属性和事件

3、然后调用create()，此时属性和事件已被注册

　  之后，看有没有el选项，没有的话调用vm.$mount(el)，

　  然后判断有没有template选项，有的话就将template编译成render Function，没有的话将el 的最外层标签作为template

4、有了render Function之后，调用beforeMount ，要注意的是此时只是编译了模板，还没有把属性挂载上去。

5、mounted，挂载属性之后调用

6、beforeUpdate，属性在虚拟DOM中被改变，但是还没渲染

7、updated，渲染更新

8、beforeDestoy，组件销毁之前，实例还可用

9、destroy，VUE 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁，此时再改变属性已经不再起作用。

 

参考资料：

https://juejin.im/post/5ad10800f265da23826e681e

https://segmentfault.com/a/1190000011219149