pinia针对单个state进行持久化

针对单个state进行持久化，可以使用pinia-plugin-persistedstate插件来实现。具体步骤如下：

1.安装pinia-plugin-persistedstate插件

npm i pinia-plugin-persistedstate

2.在store下的index.ts文件中引入pinia-plugin-persistedstate插件，并将其注册到pinia实例中

import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)

3.在store中定义需要进行持久化的state，并在需要进行持久化的state上添加@persist修饰符

import { defineStore } from 'pinia'

export const useCounterStore = defineStore({
  id: 'counter',
  state: () => ({
    count: 0,
    // 需要进行持久化的state
    persistedCount: 0,
  }),
  actions: {
    increment() {
      this.count++
      this.persistedCount++
    },
  },
  // 在需要进行持久化的state上添加@persist修饰符
  persist: ['persistedCount'],
})

通过以上步骤，就可以实现对单个state进行持久化处理了。