一、写在前面 今天总结一下,vue2.0和vue3.0的生命周期函数。 二、对比
options api setup api
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
因为setup是围绕着beforeCreate和created生命周期钩子运行的,所以不需要显示的定义他们。换句话说,在这些钩子中编写的任何代码都应该直接在 setup 函数中编写。 三、用法 setup中的函数,接收一个回调函数,当钩子被组件调用时将会被被执行。
// MyBook.vue
export default {
setup() {
// mounted
onMounted(() => {
console.log(Component is mounted!)
})
}
}