2025年01月09日 建站教程
什么是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 ，没烦恼。
本文链接：http://so.lmcjl.com/news/21026/