vue的生命周期

本文详细解析Vue.js的生命周期,包括beforeCreate、created、beforeMount、mounted等阶段的特点与用途,帮助开发者理解各阶段的状态及可执行操作,提升Vue应用开发效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

beforeCreate:创建前
这个时候的el,data和方法都是不可用的

created:创建后
这个时候已经可以主要做数据初始化,这个时候的el还没有挂载,但是数据和方法已经可以获取啦

beforeMount:载入前
从created到beforemount会先询问是否有el,如果有再询问是否有templete,如果有就编译到render函数。如果没有el就不编译,直到遇到vm.$mount(el);
所以.到这里时已经挂载el了,也进行了基本的dom渲染,但是这个时候的dom还没有完成数据挂载。
例如,{{data}}

mounted:载入后
这里已经完成了dom数据渲染.可以进行真实的dom操作.此时的占位符都被替换为数据

beforeUpdate:更新前
当我们修改任何数据都会触发这个函数

updated:更新后
同上,有数据更新就自动触发

beforeDestroy:销毁前
在这里,实例仍然完全可用

destroyed:销毁后
这里销毁了一切都绑定关系和监听器,只剩下一具无法操作的dom空壳

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值