Vue生命周期:Vue实例从创建到销毁的过程,即指从创建、初始化数据、编译模板、挂载DOM到渲染、更新到渲染、销毁等一系列过程。主要分为创建前后、载入前后、更新前后、销毁前后以及一些特殊场景的生命周期。 具体内容如下。
beforeCreate 创建前 | vue实例的挂载元素$el: undefined vue实例的数据对象data:undefined |
created 创建后 | vue实例的挂载元素$el: undefined 虚拟DOM √,真实DOM ×,$el × vue实例的数据对象data:创建完成 data √ method √ 开启定时器、绑定监听事件等 |
beforeMount 载入前 | vue实例的挂载元素$el: 初始化 $el √ vue实例的数据对象data:初始化 模板还未渲染到页面中(仍为虚拟DOM) |
mounted 载入后 | vue实例挂载完成,用户可以看到渲染完成的页面 Vue实例创建完成 |
beforeUpdate 更新前 | view层的数据变化时,触发这两个方法 |
updated 更新后 | view层的数据变化时,触发这两个方法 |
beforeDestroy 销毁前 | 组件销毁时,触发这两个方法(v-if由true变为false,是组件销毁的一种情况) 清除计时器,清除非指定绑定的事件等 |
destroyed 销毁后 | 组件销毁时,触发这两个方法(v-if由true变为false,是组件销毁的一种情况) |
补充:
参考博客:vue知识点--生命周期_vue create 生命周期-CSDN博客