当前位置: 首页 > news >正文

重学vue3(二):vue3生命周期(包含父与子)

在 Vue3 中,父子组件的生命周期执行顺序遵循从外到内、从父到子的初始化流程,但子组件的挂载完成先于父组件。以下是结合 <script setup> 语法糖的详细生命周期流程、执行顺序及代码示例:

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

1. 挂载阶段(Mounting)

执行顺序
父 setup → 父 onBeforeMount → 子 setup → 子 onBeforeMount → 子 onMounted → 父 onMounted

2. 更新阶段(Updating)

执行顺序
父 onBeforeUpdate → 子 onBeforeUpdate → 子 onUpdated → 父 onUpdated

3. 卸载阶段(Unmounting)

执行顺序
父 onBeforeUnmount → 子 onBeforeUnmount → 子 onUnmounted → 父 onUnmounted

二、执行时机和完成的任务

1. setup 阶段

http://www.dtcms.com/a/67857.html

相关文章:

  • 专家系统如何运用谓词逻辑进行更复杂的推理
  • 模版题目的集合
  • maven--依赖的搜索顺序
  • 游戏引擎学习第158天
  • MySQL(第四周)
  • 整本书测试与巩固_《C++并发编程实战》笔记
  • C# 使用Markdown2Pdf把md文件转换为pdf文件
  • Flutter网页交互增强插件pulse_core_web的使用
  • “全志V821:智能玩具的理想之选”——科技赋能,乐趣升级
  • JVM调优关注的核心指标?
  • 《CircleCI:CircleCI:解锁软件开发持续集成(CI)和持续部署(CD)高效密码》
  • c++学习系列----002.写文件
  • Java面试八股—Redis篇
  • 空洞卷积(膨胀卷积)(Dilated Convolution / Atrous Convolution)
  • 【Redis事务】redis中事务的使用
  • kafka rocketmq rabbitmq 都是怎么实现顺序消费的
  • UG的一些操作步骤(自用笔记1)
  • 初阶数据结构习题【12】(3顺序表和链表)——138.随机表的复制
  • 【论文阅读】Looking to Listen at the Cocktail Party:一种与说话人无关的语音分离视听模型
  • IP风险度自检,互联网的安全“指南针”
  • 「Unity3D」UGUI运行时设置元素的锚点Anchor,维持元素Rect的显示不变,即待在原处
  • go的gmp
  • 在rv1106上部署vue3
  • Python 中 lambda 表达式、推导式和其他函数用法对比
  • DML介绍
  • 智慧应急消防解决方案(35页PPT)(文末有下载方式)
  • Spring Cloud Stream - 构建高可靠消息驱动与事件溯源架构
  • 【动态规划篇】746.使用最小花费爬楼梯
  • SAP 标准弹窗 自定义弹窗 (所有弹窗弹框大全)
  • 鸿蒙系统liteos_m开发环境配置