Pinia仓库统一管理

pinia独立维护

在src/stores文件夹下创建index.js文件，将main.js中关于pinia的语句放到index.js中

index.js文件内容：

import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)

export default pinia

在mian.js文件中写入

import pinia from '@/stores/index'

const app = createApp(App)

app.use(pinia)

仓库 统一导出

在src/stores文件夹下新建一个文件夹modules，把仓库相关的JS文件放到其中

在src/stores文件夹下的index.js中编写

import { useUserStore } from './modules/user'
export { useUserStore }

或者简写为

export * from './modules/user'

App.vue文件里的导入仓库语句

由：

变为：