【Vue3】Pinia - 配置仓库统一管理

pinia 独立维护

- 现在：初始化代码在 main.js 中，仓库代码在 stores 中，代码分散职能不单一

- 优化：由 stores 统一维护，在 stores/index.js 中完成 pinia 初始化，交付 main.js 使用

项目如果涉及到文件的修改，可以重启

store/index.js

import { createPinia } from 'pinia'

import persist from 'pinia-plugin-persistedstate'

const pinia = createPinia()
pinia.use(persist)

export default pinia

---

仓库 统一导出

- 现在：使用一个仓库 import { useUserStore } from ./stores/user.js 不同仓库路径不一致

- 优化：由 stores/index.js 统一导出，导入路径统一 ./stores，而且仓库维护在 stores/modules 中

stores/index.js

import { createPinia } from 'pinia'

import persist from 'pinia-plugin-persistedstate'

const pinia = createPinia()
pinia.use(persist)

export default pinia

// import { useUserStore } from './modules/user'
// // 按需导出
// export { useUserStore }

// import { useCounterStore } from './modules/counter'
// // 按需导出
// export { useCounterStore }

// 有没有办法快速的将一个模块里面的内容都拿到，直接进行按需导出呢？
// 这一句话就等价于上面两句话，并且比上面两句话更高级
export * from './modules/user' // 接收user模块的所有并按需导出