在 Vue 3 中,生命周期方法的名称有所改变。下面是 Vue 3 中的生命周期方法:
beforeCreate->setup()前,初始化props、datacreated->setup()内部,初始化后创建beforeMount->onBeforeMount组件挂载之前mounted->onMounted组件挂载之后beforeUpdate->onBeforeUpdate组件更新之前updated->onUpdated组件更新之后beforeUnmount->onBeforeUnmount组件卸载之前unmounted->onUnmounted组件卸载之后errorCaptured->onErrorCaptured捕获组件内部错误
除了名称变化外,Vue 3 也引入了新的生命周期 API,如:
onRenderTracked在依赖项被追踪时调用onRenderTriggered在组件重新渲染时调用
import { onMounted } from 'vue'
onMounted ( () => {})