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

 

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐