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 里面