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()