vuex持久化存储解决方案

最新推荐文章于 2024-04-23 15:22:42 发布

moreInternet

最新推荐文章于 2024-04-23 15:22:42 发布

阅读量746

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/QQ1210611769/article/details/125314901

版权

方案一：使用vuex-persistedstate插件

这个项目是分模块在管理状态，以下是index.js文件里的改造。
这里默认是存在localStorage里的

import Vue from 'vue';
import Vuex from 'vuex';
import user from './modules/user';
import trade from './modules/Trade/index';
import lang from './modules/lang';

import createPersistedState from 'vuex-persistedstate'

Vue.use(Vuex);
// 这里添加你需要持久化存储的模块，目前只添加了lang这个模块，后续需要持久化的模块再添加到paths里即可
const data = createPersistedState({
  paths: ['lang']
})

export default new Vuex.Store({
  modules: {
    user,
    trade,
    lang
  },
  plugins: [data]
});