基础生命周期
Vue2--------------vue3
beforeCreate  -> setup()
created       -> setup()
beforeMount   -> onBeforeMount
mounted       -> onMounted
beforeUpdate  -> onBeforeUpdate
updated       -> onUpdated
beforeDestroy -> onBeforeUnmount  //变动
destroyed     -> onUnmounted  // 变动
activated     -> onActivated   // <keep-alive>才有
deactivated   -> onDeactivated // <keep-alive>才有
errorCaptured -> onErrorCaptured

import {onRenderTracked,onRenderTriggered } from "vue";
setup() {
    onRenderTracked((event) => {
      console.log("状态触发组件--------------->");
      console.log(event);
    })
    onRenderTriggered((event) => {
      //使用相对多点
      console.log("它不会跟踪每一个值，而是给你变化值的信息，并且新值和旧值都会给你明确的展示出来。");
      console.log(event);
    }),
    onErrorCaptured((error) => {
      console.log(`错误捕获`,error)
      return true
    })
}