'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,它是复古兼容的并且完全没问题。您甚至可以将两者混合在同一个文件中!
个人觉得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,它是复古兼容的并且完全没问题。您甚至可以将两者混合在同一个文件中!