Vue 的父组件和子组件生命周期钩子函数执行顺序?

Posted ly1368489670

tags:

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

Vue 的父组件和子组件生命周期钩子函数执行顺序可以归类为以下 4 部分:

  • 加载渲染过程

父 beforeCreate -> 父 created -> 父 beforeMount -> 子 beforeCreate -> 子 created -> 子 beforeMount -> 子 mounted -> 父 mounted

  • 子组件更新过程

父 beforeUpdate -> 子 beforeUpdate -> 子 updated -> 父 updated

  • 父组件更新过程

父 beforeUpdate -> 父 updated

  • 子组件销毁过程

父 beforeDestroy -> 子 beforeDestroy -> 子 destroyed -> 父 destroyed

  • 父组件销毁过程

父 beforeDestroy -> 父 destroyed

 

以上是关于Vue 的父组件和子组件生命周期钩子函数执行顺序?的主要内容,如果未能解决你的问题,请参考以下文章

Vue 的父组件和子组件生命周期钩子函数执行顺序?

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

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

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

Vue 的父组件和子组件生命周期钩子执行顺序是什么

简单记录一下vue生命周期及 父组件和子组件生命周期钩子执行顺序