简单记录一下vue生命周期及 父组件和子组件生命周期钩子执行顺序
2024-09-02 10:22:16
首先,vue生命周期可以用下图来简单理解
当然这也是官方文档的图片,详细的vue周期详解请参考这里
然而当同时存在父子组件的时候生命周期钩子是如何执行的呢?
请看下文:
- 加载渲染过程
父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted
- 子组件更新过程
父beforeUpdate->子beforeUpdate->子updated->父updated
- 父组件更新过程
父beforeUpdate->父updated
- 销毁过程
父beforeDestroy->子beforeDestroy->子destroyed->父destroyed
以上。
最新文章
- Golang之chan/goroutine(转)
- PHP实现RESTful风格的API实例(一)
- 完美解决:Could not retrieve mirrorlist http://mirrorlist.centos.org/?release=6&;arch=x
- 【BZOJ4034】[HAOI2015]树上操作 树链剖分+线段树
- fail2ban使用
- MVC 介绍
- 命令行解析getopt_long
- java 写文本文件
- 选中excel中的对象
- StageFright框架流程解读
- SQL拼接方法
- 开学&;东大一周游记
- GitHub上最受欢迎的iOS开源项目TOP20
- django笔记整理
- nodejs的基础概念
- python之路--day13---函数--三元表达式,递归,匿名函数,内置函数-----练习
- iOS集合视图单元格高亮和选中的区别
- AWS Step Function Serverless Applications
- Python函数式编程之闭包
- 2017-2018-2 20165325 实验四《Android程序设计》实验报告