为什么 Vue3 组合 API 比单纯的辅助类更好？

Question

也许只有我一个人，但是在深入了解新的 Vue3 组合 API 之后，与创建一个导出一些辅助函数（防止重复代码的函数）的新类相比，我并没有真正看到它的好处。有人可以帮我澄清一下吗？

Answer 1

official doc其实有很好的例子详细的解释，你可以从这里开始一步步检查：https://v3.vuejs.org/guide/composition-api-introduction.html#why-composition-api

最重要的是：

这种碎片化使得理解和维护一个复杂的组件变得很困难。选项的分离掩盖了潜在的逻辑问题。此外，在处理单个逻辑问题时，我们必须不断“跳过”相关代码的选项块。

任何帮助类都可以最大程度地减少逻辑问题的碎片化。因此，所有内容几乎都彼此相邻，但您仍然必须将它们分开并将它们放在不同的 Options api 部分（数据、观察者、计算等）

它无法消除选项块周围提到的“跳转”。

如果我们可以搭配与相同逻辑关注点相关的代码，那就更好了。这正是 Composition API 使我们能够做到的。