首页 > 其他 > 详细

vue生命周期笔记

时间:2018-05-15 13:13:32      阅读:177      评论:0      收藏:0      [点我收藏+]

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

 

vue生命周期笔记

原文:https://www.cnblogs.com/jiumengmeng/p/9040384.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!