1. 生命周期写法（vue2与vue3比对）

创建前：vue3 setup, vue2 beforeCreate  //组件创建前执行的函数

创建后：vue3 setup, vue2 created  //组件创建后执行的函数

挂载前：vue3 onBeforeMount, vue2 beforeMount  //挂载数据前执行的函数

挂载后：vue3 onMounted, vue2 mounted  //挂载数据后执行的函数

更新前：vue3 onBeforeUpdate, vue2 beforeUpdate  //绑定的数据更新前执行

更新后：vue3 onUpdated, vue2 updated  //绑定的数据更新后执行

销毁前：vue3 onBeforeUnmount, vue2 beforeDestroy  //组件销毁前执行

销毁后：vue3 onUnmounted, vue2 destroyed  //组件销毁后执行

注释：beforeCreate 函数无法读取data的数据（因为还没创建）

注释：created 函数可以读取data数据，无法读取页面的数据（因为创建了，还没挂载）

注释：mounted 函数可以读取挂载的页面数据。

2. vue3支持vue2的写法

vue3函数优先级高于vue2函数

 注释：vue3不支持vue2的销毁（beforeDestroy, 和 destroyed）写法