vue中的生命周期函数（Vue3 的生命周期）

Vue 2 生命周期 ==>Vue3生命周期

1
    
    
    、初始化阶段：

【1】beforeCreate ==> setup() data挂载之前

【2】created ==> setup() data挂载了
    
    
    ，但是写的模板语法没有渲染到页面上

【3】beforeMount ==> onBeforeMount 挂载了     


     


     


，但是页面没有渲染

【4】mounted ==> onMounted 页面渲染结束

--------------------------------------全部Vue初始化完成了 ---------------------------------------

2     


     


     


、运行阶段：

【5】beforeUpdate ==> onBeforeUpdate 页面Dom更新之前

【6】updated ==> onUpdated 页面Dom更新之后 （此时改变数据会触发死循环）

3 




 




 




、销毁阶段：

【7】beforeDestroy ==> onBeforeUnmount Vue实例销毁之前

【8】destroyed ==> onUnmounted Vue实例销毁之后

事件及方法直接声明在 setup 里面