哇,Vue的生命周期原来可以这样记!
描述:Vue.js 的生命周期其实就是指一个 Vue 实例从创建到销毁的过程,这个过程包括多个阶段:创建、挂载(激活)、更新和销毁。理解生命周期对于管理资源、执行数据更新和处理组件销毁逻辑非常重要。
目录
一、创建阶段
1. beforeCreate :在实例创建之前被调用,此时实例的选项和观察者都未初始化。
2. created :实例创建完成之后被调用,此时实例的选项已经初始化完成,但还没有挂载到DOM上。
二、挂载阶段
1. beforeMount :在实例挂载之前被调用,此时模板编译已经完成,但尚未将模板渲染为真实的DOM。
2. mounted :实例挂载完成后被调用,此时模板已经被渲染为了真实的DOM,并且可以对DOM进行操作。
三、更新阶段
1. beforeUpdate :数据更新之前被调用,此时虚拟DOM已经和旧的虚拟DOM进行了对比,但尚未应用新的更新。
2. updated :数据更新完成后被调用,此时虚拟DOM已经和旧的虚拟DOM进行了对比,并且已经应用了新的更新。
四、销毁阶段
1. beforeDestroy :实例销毁之前被调用,此时实例仍然可用。
2. destroyed :实例销毁完成后被调用,此时实例已经完全被销毁,所有的事件监听和观察者都被解绑(解除绑定)。
“点赞加关注,每天学一点~”