vue pinia 独立维护,仓库统一导出

它允许您跨组件/页面共享状态

1. 持久化

   1. 安装依赖pnpm i pinia-plugin-persistedstate

   2. 将插件添加到 pinia 实例上

   3. pinia独立维护

   4. 统一导出     

import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'const pinia = createPinia()
//加载持久化
pinia.use(piniaPluginPersistedstate)export default pinia// 在这里导出
// import { useUserStore } from "@/stores/modules/user"
// export { useUserStore }
// import { useCountStore } from "@/stores/modules/counter"
// export { useCountStore }//优化统一 导出
export * from "@/stores/modules/user"
export * from "@/stores/modules/counter"这里是app use部分
**********在main.js中要use封装好的pinia********
import pinia from './stores/index'
app.use(pinia)这里是调用部分
**********使用pinia代码如下********
//以后想用哪个就import哪个store
import { useUserStore, useCountStore } from "@/stores/index"
const userStore = useUserStore()
const countStore = useCountStore()