一、写在前面
今天总结一下,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!')
})
}
}
版权说明 : 本文为转载文章, 版权归原作者所有 版权申明
原文链接 : https://blog.csdn.net/weixin_47450807/article/details/123582073
内容来源于网络,如有侵权,请联系作者删除!