從Vue2轉換為Vue3

方便的Vue2到Vue3生命周期映射直接來自Vue3 Composition API文檔，我認為這是了解事物將如何變化以及如何使用它們的最有用的方法之一。

• beforeCreate -> use setup()

• created -> use setup()

• beforeMount -> onBeforeMount

• mounted -> onMounted

• beforeUpdate -> onBeforeUpdate

• updated -> onUpdated

• beforeDestroy -> onBeforeUnmount

• destroyed -> onUnmounted

• errorCaptured -> onErrorCaptured

新增加的鈎子

我們還可以在Vue3中使用兩個全新的鈎子來進行調試。他們是：

1. onRenderTracked

2. onRenderTriggered

這兩個事件都帶有一個DebuggerEvent，它使我們能夠知道是什么導致了Vue實例中的重新渲染。

exportdefault {
  onRenderTriggered(e) {
    debugger
    // 檢查哪個依賴項導致組件重新呈現
  }
}