关于Vue的生命周期 3.x和2.x

关于Vue的生命周期 3.x和2.x

8大生命周期钩子 Vue2.x

beforeCreate    vue实例初始化之前

created         vue实例初始化之后

beforeMount     挂载到DOM树之前

mounted         挂载到DOM树之后

beforeUpdate    数据更新之前

updated         数据更新之后

beforeDestroy   vue实例销毁之前

destroyed       vue实例销毁之后

---

Vue3.x对生命周期钩子做了一些更改，但是差别其实不大

beforeCreate 和 created 被替换成 setup()

beforeMount -> onBeforeMount

mounted -> onMounted

beforeUpdate -> onBeforeUpdate

updated -> onUpdated

beforeDestroy -> onBeforeUnmount

destroyed -> onUnmounted

新增的debug回调钩子
onRenderTracked

onRenderTriggered

注意:vue3对vue2是具有兼容性的，除了beforeDestroy 和 destroyed需要重新改一下以外，其他生命周期钩子还是可以使用的，但是还是用推荐按用法