SPA 可以全局导出,查在 SSR 下有一定风险
export const state = reactive({})
作为新的推荐方案来代替 Vuex
dev tools 不稳定
storeToRefs
需要对 store 进一步处理,如:
- 组合多个 store 的数据
- 将 store 数据传递给子组件
组件较大概率不响应更新
pinia store 数组替换更新问题 - CodeSandbox
尝试使用 storeToRefs 或 computed
javascript
import { storeToRefs } from 'pinia'
const themeStore = useThemeStore();
const { isDark } = storeToRefs(themeStore);
以下链接还有一些错误的使用示例
javascript - vue component doesn't update after state changes in pinia store - Stack Overflow
debug with Vue Dev Tools
event timeline
总结 Pinia Crash Course #7 - Pinia with Vue Devtools
action 关联 mutation 追踪 mutation 时光机回放 action 验证 getter 优化性能,可看到操作耗时