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 里面文章来源:https://www.toymoban.com/news/detail-487529.html
文章来源地址https://www.toymoban.com/news/detail-487529.html
到了这里,关于Vue3 的生命周期的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!