VUE 3 可组合项是否可以包含多个导出函数？

Question

我正在尝试将一些函数重写为 VUE 可组合项，在我看来，单个“composable.ts”文件只有一个导出函数可用。这是真的吗？或者有没有办法从单个可组合项导出多个函数？

Answer 1

可组合项的方式（并且应该使用）是它们是封装和重用状态逻辑的单个函数。话虽这么说，您可以在可组合项内返回多个函数，甚至可以从同一文件导出多个可组合项。一个例子：

import { useFoo, useBar } from '...'

const { doX, doY } = useFoo();
const { doZ } = useBar();

doX();
doY();
doZ();

您绝对可以使用可组合项进行代码组织，但请记住，如果您的代码可以通过使可组合项无状态来改进，并且毕竟不需要与 Vue 结合，那么您可能会出于错误的原因使用它。那么（取决于用例）使用helper类型函数可能会更好。