从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
    // 检查哪个依赖项导致组件重新呈现
  }
}