Options API 与 Composition API

Vue2的API设计是Options(选项式)风格

Vue3的API设计是Composition(组合式)风格

Options API 的弊端

Options类型的 API, 数据、方法、计算属性等是分散在：data、methods、computed中的

若想新增或者修改一个需求, 就需要分别修改：data、methods、computed, 不便于维护和复用

• Options API示例图

• Composition API示例图

Composition API 的优势

可以用函数的方式, 更加优雅的组织代码, 让相关功能的代码更加有序的组织在一起

• 示例图

• 基于函数式组合