vue3中关于Composition API与Options API有什么区别？

什么是Options API

vue2 中我们把一个 vue 文件中 data、methods、props、mounted、computed 等定义属性和方法，共同处理页面逻辑，这种方式叫做 Options API。

这种方式开发的复杂组件，同一个功能的往往需要在不同 vue 配置项中定义属性和方法，代码比较分散。如果功能比较复杂，维护代码的时候往往会很难分清每个方法对应的功能，增加了代码维护成本。所以 vue3 舍弃了 Options API ，换用 Composition API。

什么是Composition API

Composition API 是 vue3 新增的，所以 vue2 没有。在 Composition API 中，根据代码逻辑功能来组织的，一个功能所定义的所有 API 都会放到一起，这样即使功能复杂，代码量增大，都可以一下子定位到某个功能的所有代码，代码维护方便。它的最大特点就是：高内聚，低耦合。

vue3 仍然支持 Options API，但我们更推荐使用 Composition API。优劣比较：

更好的可编程性。

更优的代码组织。

更好的逻辑抽象能力。

对 tree-shaking 友好，代码也更容易压缩。

没有 this ，没烦恼。