vue3生命周期

介紹

vue3的生命周期函數，可以按需導入到組件中，且只能在 setup() 函數中使用

示例

import { onMounted, onUpdated } from '@vue/composition-api'

export default {
    setup() {
        onMounted(() => {
        console.log('mounted')
        })
        onUpdated(() => {
        console.log('updated')
        })
    }
}
  

對比vue2.x

• beforeCreate -> 使用setup()
• created -> 使用 setup()
• beforeMount -> onBeforeMount
• mounted -> onMounted
• beforeUpdate -> onBeforeUpdate
• updated -> onUpdated
• beforeDestroy -> onBeforeUnmount
• destroyed -> onUnmounted
• errorCaptured -> onErrorCaptured