vue3:从生命周期开始学习vue3
作者:互联网
vue3比vue2有什么优势
- 性能更好
- 体积更小
- 更好的 ts 支持(vue3用ts开发)
- 更好的代码组织
- 更好的逻辑抽离
- 更多新功能
vue3生命周期
options API 和 Composition API
选项式 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 |
因为 setup 是围绕 beforeCreate 和 created 生命周期钩子运行的,所以不需要显式地定义它们。换句话说,在这些钩子中编写的任何代码都应该直接在 setup 函数中编写。
// MyBook.vue
export default {
setup() {
// mounted
onMounted(() => {
console.log('Component is mounted!')
})
}
}
标签:生命周期,setup,ts,学习,needed,更好,vue3 来源: https://blog.csdn.net/weixin_43972437/article/details/116399917