pinia数据持久化

160 阅读1分钟

我选择的是依靠pinia-plugin-persist插件,进行实现

  • 首先我们先安装,下面是安装方式
    • npm install pinia pinia-plugin-persist
    • yarn add pinia pinia-plugin-persist
  • 安装好之后再main文件中引入,挂载
    • import piniaPersist from 'pinia-plugin-persist';
    • import { createPinia } from 'pinia'
    • const pinia = createPinia();
    • pinia.use(piniaPersist);
  • 最后在pinia实例文件中(也就是store下面的index文件)开启持久化就行了。
export const useMainStore = defineStore('main', {
  state: () => {
    return {
      count:100,
    }
  },
  getters: {},
  actions: {},
  persist:{
    enabled:true,
  }
},
)

以上就是最基本开启方式。有效果就点个赞吧。