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

Posted lkay

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VUE生命周期中父子组件的执行顺序相关的知识,希望对你有一定的参考价值。

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生命周期中父子组件的执行顺序的主要内容,如果未能解决你的问题,请参考以下文章

vue 父子组件生命周期函数执行顺序

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

Vue 生命周期执行顺序

vue父子组件加载顺序

Vue父子组件生命周期执行顺序

vue 生命周期 和 生命周期的执行顺序