vue2.0和vue3.0生命周期函数对比?

一、写在前面 今天总结一下,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!)
    })
  }
}
经验分享 程序员 微信小程序 职场和发展