vue 生命周期的理解

生命周期的基本含义是从开始到结束的整个过程

Vue中实例从创建到销毁的过程就是生命周期,即指从创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程

beforeCreated 创建前 vue实例的挂载元素$el和数据对象data都为undefined,还未初始化

created 创建后 vue实例的数据对象data有了,$el还没有。

beforeMount  模板载入前 vue实例的$el和data都初始化了,但还是挂载之前为虚拟的dom节点,data.message还未替换

mounted 模板载入后 vue实例挂载完成,data.message成功渲染。

beforeUpdate 组件更新前 组件更新之前调用

updated 组件更新后 组件更新之后调用

beforeDestroy 组件销毁前 调用$destroy方法后,立即执行beforeDestroy

pdestroyed 组件销毁后 组件销毁后调用,此时只剩下dom空壳

activated  keep-alive 缓存的组件停用时调用

deactivated   keep-alive 缓存的组件停用时调用

posted @     阅读(153)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
历史上的今天:
2021-03-25 Object.defineProperty
点击右上角即可分享
微信分享提示