'setup' hook 在 Vue3 中的优势是什么?

What are the advantages of 'setup' hook in Vue3?

个人觉得vue2的method、props、data区分的语法比较好,但是我很好奇为什么要创建setup

能够将反应性数据和函数捆绑在一起,而不是将它们分散到数据、方法等中。

这里有一个很好的解释: https://v3.vuejs.org/guide/composition-api-introduction.html#why-composition-api

这在迁移到 Vue3 的官方指南中有很好的解释:https://v3.vuejs.org/guide/composition-api-introduction.html#why-composition-api

你所谓的“Vue2语法”实际上是选项API.
Composition API(“Vue3 语法”)主要用于:

  • 未锁定将您的功能锁定到应用程序的特定部分
  • 函数的可重用性,主要是Composables
  • 拥有更“普通”的 JS 语法,而不是更特定于 Vue
  • 能够使用 Vue3 附带的最新高级方法

要记住的一件事是,您可以在使用 Vue3 时完全使用 Options API,它是复古兼容的并且完全没问题。您甚至可以将两者混合在同一个文件中!