Vue 3 生命周期一览
| 选项式 API | Hook inside setup |
|---|---|
| beforeCreate | Not needed* |
| created | Not needed* |
| beforeMount | onBeforeMount |
| mounted | onMounted |
| beforeUpdate | onBeforeUpdate |
| updated | onUpdated |
| beforeUnmount | onBeforeUnmount |
| unmounted | onUnmounted |
| errorCaptured | onErrorCaptured |
| renderTracked | onRenderTracked |
| renderTriggered | onRenderTriggered |
| activated | onActivated |
| deactivated | onDeactivated |
- beforeCreate()、created() 的代码放入 setup() 中调用即可
- onMounted() 中可以进行 API 的调用
- onActivated()、onDeactivated() 使用 keep-alive 包裹的组件的打开和关闭时触发
- onErrorCaptured() 后代组件发生错误时触发
- onRenderTracked() VUE 3 中才能够使用，渲染期间首次跟踪依赖时触发，多用于调试
- onRenderTriggered() VUE 3 中才能够使用，触发新渲染时调用，多用于调试
