当前位置:网站首页 > Vue.js开发 > 正文

vue3生命周期钩子函数(vue3生命周期钩子函数有几个)

在 Vue

,父组件和子组件都有自己

生命周期 钩子函数

,它们的

执行顺序

是有一定规律的。下面是父组件和子组件常用的

生命周期 钩子函数 执行顺序

1. beforeCreate:先父后子;

2. created:先父后子;

3. beforeMount:先父后子;

4. mounted:先子后父;

5. beforeUpdate:先子后父;

6. updated:先子后父;

7. beforeDestroy:先子后父;

8. destroyed:先子后父。

在执行过程

,父组件的

生命周期 钩子函数

先于子组件执行,但在 mounted 阶段时,子组件的 mounted

钩子函数

先于父组件执行。这是因为在父组件 mounted

钩子函数

执行时,子组件的模板已经被渲染成真实的 DOM,此时子组件的 mounted

钩子函数

才会执行。

需要注意的是,在父组件的 created

钩子函数

,子组件的实例并没有被创建,只有在父组件的 mounted

钩子函数

,子组件才会被实例化。因此,在父组件的 created

钩子函数

,是无法访问子组件的实例的。

到此这篇vue3生命周期钩子函数(vue3生命周期钩子函数有几个)的文章就 介绍到这了,更多相关内容请继续浏览下面的相关 推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • pcie5(pcie5.0和pcie4.0区别)2025-04-30 22:27:06
  • vue插槽和组件区别(vue三种插槽的区别)2025-04-30 22:27:06
  • vue2生命周期啥时候做(vue 生命周期)2025-04-30 22:27:06
  • ubuntu镜像文件下载官网(ubuntu12.04镜像文件)2025-04-30 22:27:06
  • vue2关闭eslint检测(vue关闭eslint检查)2025-04-30 22:27:06
  • jsjs(jsjsj是什么意思)2025-04-30 22:27:06
  • vue钩子函数有几种(vue中钩子函数有哪些)2025-04-30 22:27:06
  • vue2生命周期的区别(vue生命周期有什么作用)2025-04-30 22:27:06
  • vue的安装步骤(安装vue ui)2025-04-30 22:27:06
  • vue插槽多级传递(vue插槽怎么传值)2025-04-30 22:27:06
  • 全屏图片