pinia数据持久化插件

Terminal丶句点

已于 2022-03-08 09:10:21 修改

阅读量4.1k

点赞数 3

分类专栏： vite vue3 文章标签： vue.js 前端 pinia

于 2022-02-21 15:08:11 首次发布

本文链接：https://blog.csdn.net/qq_40026668/article/details/123047693

版权

本文介绍在最新项目中使用pinia进行状态管理时，由于未找到官方持久化插件，作者按照pinia文档的插件模块自行编写了一个临时解决方案——pinia-persistedstate-plugin。

摘要由CSDN通过智能技术生成

【2022.3.8】大家可以选择使用 pinia-persistedstate-plugin

最近新开的项目，尝试使用pinia做状态管理 pinia，没有发现官方提供的持久化插件，就先按照文档的插件模块，就自己先写一个凑合用

import {
    App } from 'vue'
import {
    createPinia, PiniaPluginContext } from 'pinia'
import devalue from '@nuxt/devalue'

/*需要持久化的数据*/
const dataPath = {
   
  main: [],
  user: ['token', 'userInfo'],
  settings: ['collapse'],
}

const dataKey = 'tcs-pinia'

/**
 * @name: sww
 * @date: 2022-02-07
 * @desc: 数据持久化
 */
const