vue2常用生命周期钩子函数
beforeCreate() 组件创建之前：获取不到data
created() 组件创建之后，可以获取到data数据，但是获取不到真实DOM
beforeMount() 挂载前，指令已经解析完毕，内存中已经生成dom树，但获取不到真实DOM
Mounted() 挂载后，页面渲染完毕，可以获取到真实DOM，使用场景：操作DOM（标签的增删改）
beforeUptate() 更新前，当data的数据发生改变会执行这个钩子，内存中的数据是新的，页面是旧的
updated() 更新后，内存和页面都是新的
beforeDestroy() 销毁前，即将销毁data和methods中的数据，但此时还是可以使用的，可以做一些释放内存的操作
destroyed() 销毁后，已经销毁完毕，使用场景：销毁全局的事件和定时器
vue3生命周期钩子函数
setup() 开始创建组件之前，创建的是data和method，vue3 中的生命周期函数, 需要在 setup 中调用
onBeforeMount() 组件挂载到节点上之前执行
onMounted() 组件挂载完成后执行
onBeforeUpdate() 组件更新之前执行
onUpdated() 组件更新完成之后执行
onBeforeUnmount() 组件挂载到节点上之前执行
onUnmounted() 组件卸载(销毁)之前执行
注意点：🧨🧨🧨vue3中，生命周期钩子函数都需要先引入再使用
