Vue生命周期
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博客