![cover](https://img-blog.csdnimg.cn/a519324071064a75a9278be47c2c7d6e.png)
Vue3 的生命周期
【1】beforeCreate ==> setup() data挂载之前【2】created ==> setup() data挂载了,但是写的模板语法没有渲染到页面上【3】beforeMount ==> onBeforeMount 挂载了,但是页面没有渲染【4】mounted ==> onMounted 页面渲染结束
·
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 里面
更多推荐
所有评论(0)