vue3.0 生命周期

setup()是在beforeCreate和created之前运行的，所以可以用setup代替这两个钩子函数

onBeforeMount() : 组件挂载到节点上之前执行的函数

onMounted() : 组件挂载完成后执行的函数

onBeforeUpdate(): 组件更新之前执行的函数

onUpdated(): 组件更新完成之后执行的函数

onBeforeUnmount(): 组件卸载之前执行的函数

onUnmounted(): 组件卸载完成后执行的函数

onActivated(): 被包含在<keep-alive>中的组件，会多出两个生命周期钩子函数。被激活时执行

onDeactivated(): 比如从 A 组件，切换到 B 组件，A 组件消失时执行

onErrorCaptured(): 当捕获一个来自子孙组件的异常时激活钩子函数

使用componsition api 需要做一部分调整

取消beforeCreate与created

在使用componsition api的时候，其实setup就代替了beforeCreate与created,因为setup就是组件的实际入口函数

beforeDestroy与destroyed 改名了

在setup中，beforeDestroy 更名为 onBeforeUnmount, destroyed 更名为 onUnmounted

将生命周期函数名称变为on+XXX，比如 mounted 变成了 onMounted,updated 变成了onUpdated

setup() {
    onMounted(() => {
      console.log('mounted!')
    })
    onUpdated(() => {
      console.log('updated!')
    })
    onUnmounted(() => {
      console.log('unmounted!')
    })
  }