2020-10-29 vue生命周期笔记-默写版

参考文章:https://www.cnblogs.com/thinheader/p/9462125.html

new Vue()

初始化全局配置 属性的初始化

beforeCreate

数据代理 数据绑定 事件绑定 watch/computed属性的绑定

created

编译模板 生成render函数

beforeMount

将数据写到视图中 el挂在到dom下

如果有keep-alive, 生成el的时候,会触发activated函数

mounted(这个时候,dom已经渲染完成)

数据更新的时候

例如
this.msg = '222'

会依次执行 。。。

数据还在 什么也没有发生

beforeUpdate

数据还在 什么也没有发生

deactivated

数据没有啦

updated

父子组件函数的执行顺序

加载渲染过程 父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted

销毁过程 父beforeDestory->子beforeDestory->子destoryed->父destoryed

子组件更新过程 父beforeUpdate->子beforeUpdate->子updated>父updated

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容