当前位置: 首页 > 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 阶段

相关文章:

  • 专家系统如何运用谓词逻辑进行更复杂的推理
  • 模版题目的集合
  • 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风险度自检,互联网的安全“指南针”
  • 个人开办导航网站需要怎么做/怎么注册个人网站
  • 土木毕业设计代做网站/sem竞价是什么
  • 上海建站网络科技有限公司/西安网约车平台
  • 专业企业网站设计/上海seo推广方法
  • 个人建设网站流程/百度优化seo
  • 做地产网站哪家好/长沙seo网站管理