Offer 驾到，掘友接招！我正在参与2022春招打卡活动，点击查看活动详情
1.生命周期
vue2的生命周期：
beforeCreate ---- 实例创建之前执行
created ---- 实例创建之后执行
beforeMount ---- 组件内容渲染到页面之前执行
mounted ---- 组件内容渲染到页面之后执行
beforeUpdate ---- 数据发生变化之前执行
updated ---- 数据发生变化之后执行
beforeDestory ---- 组件销毁之前执行
destoryed ---- 组件销毁之后执行
activated ---- keep-alive组件激活时执行
deactivated ---- keep-alive组件销毁时执行
vue3的生命周期：
onBeforeMount ---- 实例挂载之前执行
onMounted ---- 实例挂载完成执行
onBeforeUpdate ---- 数据发生改变之前执行
onUpdated ---- 数据发生改变之后执行
onBeforeUnmount ---- 组件销毁之前执行
onUnmounted ---- 组件销毁之后执行
onActivated ---- keep-alive组件激活执行
onDeactivated ---- keep-alive组件销毁执行
从这可以看出vue2升级到vue3生命周期发生了改变和一定的写法，但是对于我们代码的渲染过程顺序是没有改变的。
2.不同的写法
vue2的写法：
vue3的写法：
还可以使用vue3的语法糖的写法，使得代码更加简洁。
在vue2的版本中，我们遵循的 options Api 的模式，但是升级到了vue3，我们采用的 composition Api 模式的写法，解决了以前vue2的分散写法，使得代码更加的简洁，可读性和维护性更强，逻辑上的耦合更好。
在此之外，vue3还有不少其他的属性和优化，比如 template支持多个根标签，teleport可以独立挂载组件等等
