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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。