Vue3: 选项式API和组合式API的优缺点

Vue框架提供了两种不同的API风格来编写组件，分别是 选项式API 和 组合式API。

一.选项式API：
选项式API是vue2.x版本中默认使用的API风格，它是基于对象的方式来描述组件的行为和状态的。选项式API需要在Vue组件的选项对象中声明组件的属性和方法，如data、methods、computed、watch等，然后通过模板语法来渲染UI。

优点：
1.相对简单易懂，适合初学者和小型应用开发
2. 可以快速创建组件，对于简单的组件而言，代码量比较少

缺点：
1.组件逻辑不易于复用和封装，容易出现代码重复。
2.组件逻辑比较分散，对于复杂组件而言，代码量会逐渐增大，维护困难。

二.组合式API
组合式API是vue3.x版本中新增的API风格，它是基于函数的方式来描述组件的行为和状态的。组合式API将组件的逻辑分解为可服用的函数，通过一些API来组合这些函数，从而创建组件。

优点：
1.组件逻辑更易于抽象、封装和重用，代码复用性更好
2.可以更加灵活地组合组件的逻辑，创建更加复杂和高级的组件
3.逻辑聚合更加明显，提高了代码的可读性和可维护性

缺点：
1.对于初学者而言，学习曲线比较陡峭，需要一定的JS和函数式编程基础
2.在某些情况下，使用组合式API可能会增加一些额外的代码量