image.png
vue2 到 vue3 生命周期钩子映射关系
| Vue 2.0 | Vue 3.0 选项式 api（Options API） | Vue 3.0 组合式api（(Composition API） |
|---|---|---|
| beforeCreate | beforeCreate | setup() |
| created | created | setup() |
| beforeMount | beforeMount | onBeforeMount() |
| mounted | mounted | onMounted() |
| beforeUpdate | beforeUpdate | onBeforeUpdate() |
| updated | updated | onUpdated() |
| beforeDestroy | beforeUnmount | onBeforeUnmount() |
| destroyed | unmounted | onUnmounted() |
| errorCaptured | errorCaptured | onErrorCaptured() |
| renderTracked | onRenderTracked() | |
| renderTriggered | onRenderTriggered() | |
| activated | activated | onActivated() |
| deactivated | deactivated | onDeactivated() |
| serverPrefetch | onServerPrefetch() |
网友评论