选项式与组合式API

选项式 与 组合式API

​ Vue2的API风格就是选项式的，Vue3的API设计是组合式的。

Options API 的弊端

动图来源：大帅老猿（掘金）

​ Options类型的 API，数据、方法、计算属性等，是分散在：data、methods、computed中的，若想新增或者修改一个需求，就需要分别修改：data、methods、computed，不便于维护和复用。

Composition API 的优势

动图来源：大帅老猿（掘金）

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