Vue JS 3 可组合项良好实践

Question

我来这里是因为我正在尝试学习 vue.js 可组合项的良好实践。  对于某些上下文：我正在开发一个使用 Firebase firestore 和 auth 的应用程序，我创建了 2 个可组合项：

• 用于验证用户身份（我将其命名为 useAuth）
• 用于在 firestore 中创建用户（我将其命名为 useUser）

“useAuth”在身份验证完成后调用“useUser”并更新我的商店状态。我想知道这个流程是好是坏？我想知道的另一件事是我是否可以在可组合函数中传递数据？就像“useAuth(someData)”。问题的出现是因为我认为模拟 Firebase 系统真的很痛苦，我想在我的可组合项中注入一些服务，但我在某处读到这不是一个好主意，因为如果发生错误，可能很难找到原因？

PS：我在提问之前做了一些研究，但没有找到对我有帮助的东西。

Answer 1

“useAuth”在身份验证完成后调用“useUser”并更新我的商店状态。我想知道这个流程是好是坏？

在可组合项中调用可组合项是完全可以的。

文档说：

“在 Vue 应用程序的上下文中，“可组合”是一种利用 Vue 的组合 API 来封装和重用状态逻辑的函数。”

我想知道的另一件事是我是否可以在可组合函数中传递数据？就像“useAuth(someData)”。

是的，您也可以这样做，如文档中所述： https://vuejs.org/guide/reusability/composables#input-arguments

一般来说，我建议多阅读 Vue 文档。几乎所有内容都有详细记录。希望有帮助。