Pinia商店与可组合函数

Question

我想找出使用Pinia商店而不是仅仅使用纯ts可组合函数的优点，比如

const userName = ref('')

export default function useUser() {

  const setUserName(name: string) => {
    userName.value = name
  }

  return {
    userName: readonly(userName),
    setUserName
  }

}

然后使用

const {userName, setUserName} = useUser()

因为，例如，在Vitesse示例https://github.com/antfu/vitesse/blob/main/src/store/user.ts中，Pinia用法看起来非常相似

(谢谢你澄清:)

Answer 1

我找到了这个解释，这对我来说是有意义的：

--我觉得你可能有点忽略了可组合性和组合API --它们是一种组织代码“特性优先”的方法，而不是“组件优先”(从字面上说，通过组合)。这意味着可组合性是共享功能，而不是状态。某些功能可能包括内部(共享的，应用程序范围的)状态，但这本身并不是可组合的目的。另一方面，皮尼亚是专为分享国家而设的。它可能包括管理所述状态的功能，但如果没有该共享状态，则不存在该功能。一个很好的地方可以看到这个“在行动”是Vue Use，一组常用的可组合的。有些可能包含内部状态，但大多数不包含，因此只会增强组件的功能，可能会添加一些本地状态(相对于全局共享状态)。

来源：https://www.reddit.com/r/vuejs/comments/t88xzy/comment/hzmoet2/?utm_source=share&utm_medium=web2x&context=3