pinia 实现数据持久化

pinia 实现数据持久化

1.下载插件

npm install pinia-plugin-persist

2.根目录下创建 main.ts

import { createPinia } from 'pinia'
import piniaPluginPersist from 'pinia-plugin-persist'

const pinia = createPinia()

pinia.use(piniaPluginPersist)

export default pinia

3.根目录下store/index.ts

import { defineStore } from 'pinia'

export const userStore = defineStore('main', {
  state: () => {
    return {
      userInfo: {
        username: '',
        password: ''
      },
      token: ''
    }
  },
  // 开启持久化
  persist: {
    enabled: true, // 启用
    strategies: [
      // storage 可选localStorage或sessionStorage
      // paths 给指定数据持久化
      { key: 'user', storage: localStorage, paths: ['token', 'userInfo'] }
    ]
  },
  getters: {
  },
  actions: {
  }
})