typescript - 如何为 Pinia + Quasar 创建持久化状态？

我正在使用 Pinia 进行状态管理，我希望在页面刷新时状态能够保持。

我知道有两个选择：

1. 使用插件。Vuex 有一个用于此的 vuex-persistedstate 插件，而 Pinia 有一个类似的插件，但它仍在开发中。

2. 使用本地存储。幸运的是，Quasar 有一个 LocalStorage 插件，在这里使用会很方便。但我不确定如何将其与 Pinia 集成，这就是我发这篇帖子的原因。

我找到一个很好的教程，讲的是用 Pinia + Vueuse 做类似的事情。

我尝试根据下面的方式使用 Pinia + Ty

阅读更多 →

javascript - Pinia 存储与组合函数

我想弄清楚使用 Pinia store 而不是仅使用纯 TS 组合函数的优势是什么

const userName = ref('') export default function useUser() { const setUserName(name: string) => { userName.value = name } return { userName: readonly(userName), setUserName } }

然后使用

const {userName, setUserName} = useUser()

阅读更多 →

typescript - 如何为 pinia 中的 state 对象设置类型？

我正在制作一个国际象棋游戏，我使用 Vue 3 和 TypeScript，并用 Pinia 进行状态管理。

我想做类似下面的事情：

export const useStore = defineStore("game", { state: () => { return { moves: [], gameBoard: getInitialBoard(), playerTurn: PieceColor.White, previousPieceSelected: undefined } },

阅读更多 →