pinia 持久化插件 pinia-plugin-persistedstate 使用

1、下载引入

// 下载pinia持久化插件 pinia-plugin-persistedstate
npm install pinia-plugin-persistedstate

// 直接在main.ts 中引入（也可以单独整理成一个文件）

import { createPinia } from 'pinia'

import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

const pinia = createPinia()

pinia.use(piniaPluginPersistedstate)

app.use(pinia)

2、持久化插件使用

import ( defineStore ) form 'pinia'

const enum piniaIds {
  user = 'user'
}

export const useTextPinia = defineStore(piniaIds.user , {
  // 状态
  state: () => {
    return {
       textName: ''
    }
  },
  // 类似状态的计算属性，修饰数据
  getter: {
    
  },
  // 可同步异步操作数据
  actions: {
    
  },
  // 持久化插件使用
  // persist:true
  persist: {
    storage: localStorage,
    paths: ['textName']
  }
})

3、持久化插件配置文档地址

配置 | pinia-plugin-persistedstate