本文介绍了如何在 Vue3 项目中使用 Pinia 进行状态管理。首先，详细讲述了创建 store 文件夹及 index.js 文件的过程，然后在 main.js 中引入 Pinia 并挂载到根实例。接着，创建 modules 文件夹，并在其中创建具体的业务模块如 demo.js。最后，展示了在模块内部如何操作和使用状态。
安装
npm install pinia
npm install pinia-plugin-persistedstate
1.创建store文件夹，创建index.js文件
import {
createPinia} from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'//数据持久化
const pinia = createPinia()
export pinia
2.在main文件中引入pinia并创建容器挂载到根实例上
import App from './App.vue';
import {
createApp } from 'vue';
import {
pinia} from '@/store/index.js';
const app = createApp(App);
app.use(pinia);</
最低0.47元/天 解锁文章
1354
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
