码迷,mamicode.com
首页 > 其他好文 > 详细

VUE生命周期中父子组件的执行顺序

时间:2020-05-15 17:25:35      阅读:57      评论:0      收藏:0      [点我收藏+]

标签:mount   rem   for   keep   执行顺序   页面   子函数   remount   destory   

1.加载渲染过程

  父beforeCreate=》父created=》父beforemount=》子beforeCreate=》子created=》子beforemount=》子mounted=》父mounted

2.子组件更新过程

  父beforeUpdate=》子beforeUpdate=》子updated=》父updated

3.父组件更新

   父beforeUpdate=》父uodated

4.销毁过程

  父beforeDestory=>子beforeDestory=>子destory=》父destoryed

 

Vue钩子函数

 1.在使用<keep-alive></keep-alive>来缓存组件状态时,这个时候created钩子函数就不会再被重复调用了,这时需要将数据写到activted中才可以保证每次进入页面后都会显示正常

VUE生命周期中父子组件的执行顺序

标签:mount   rem   for   keep   执行顺序   页面   子函数   remount   destory   

原文地址:https://www.cnblogs.com/lkay/p/12895915.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!