其他分享
首页 > 其他分享> > vue3:从生命周期开始学习vue3

vue3:从生命周期开始学习vue3

作者:互联网

vue3比vue2有什么优势

vue3生命周期

options API 和 Composition API

选项式 APIHook inside setup
beforeCreateNot needed*
createdNot needed*
beforeMountonBeforeMount
mountedonMounted
beforeUpdateonBeforeUpdate
updatedonUpdated
beforeUnmountonBeforeUnmount
unmountedonUnmounted
errorCapturedonErrorCaptured
renderTrackedonRenderTracked
renderTriggeredonRenderTriggered

因为 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