PHP前端开发

vue中父子嵌套的生命周期

百变鹏仔 3个月前 (09-25) #VUE
文章标签 嵌套
问题:vue 中父子组件的生命周期如何?答案:创建阶段:子组件先创建,父组件后创建。挂载阶段:子组件先挂载,父组件后挂载。更新阶段:父组件先更新,子组件后更新。销毁阶段:子组件先销毁,父组件后销毁。

Vue 中父子组件的生命周期

在 Vue 中,父子组件有着独特的生命周期,可以帮助开发者了解组件是如何创建、更新和销毁的。以下是父子组件生命周期的各个阶段:

创建阶段:

  1. 父组件的 beforeCreate():父组件在被创建之前触发。
  2. 父组件的 created():父组件在被创建后立即触发。
  3. 子组件的 beforeCreate():子组件在被创建之前触发。
  4. 子组件的 created():子组件在被创建后立即触发。

挂载阶段:

立即学习“前端免费学习笔记(深入)”;

  1. 父组件的 beforeMount():父组件在被挂载到 DOM 之前触发。
  2. 父组件的 mounted():父组件在被挂载到 DOM 后立即触发。
  3. 子组件的 beforeMount():子组件在被挂载到 DOM 之前触发。
  4. 子组件的 mounted():子组件在被挂载到 DOM 后立即触发。

更新阶段:

  1. 父组件的 beforeUpdate():父组件在被更新之前触发。
  2. 子组件的 beforeUpdate():子组件在被更新之前触发。
  3. 父组件的 updated():父组件在被更新后立即触发。
  4. 子组件的 updated():子组件在被更新后立即触发。

销毁阶段:

  1. 子组件的 beforeDestroy():子组件在被销毁之前触发。
  2. 父组件的 beforeDestroy():父组件在被销毁之前触发。
  3. 子组件的 destroyed():子组件在被销毁后立即触发。
  4. 父组件的 destroyed():父组件在被销毁后立即触发。

注意事项: