发布时间:2023-05-28 文章分类:WEB开发, 电脑百科 投稿人:赵颖 字号: 默认 | | 超大 打印

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