它允許您跨組件/頁面共享狀態
- 持久化
-
安裝依賴pnpm i pinia-plugin-persistedstate
-
將插件添加到 pinia 實例上
-
pinia獨立維護
-
統一導出? ? ?
-
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()