vuex持久化缓存插件的使用vuex-persistedstate

最新推荐文章于 2022-10-09 13:55:09 发布

牟庙银

最新推荐文章于 2022-10-09 13:55:09 发布

阅读量460

点赞数

分类专栏： vuex持久化缓存插件文章标签：前端 vue

本文链接：https://blog.csdn.net/weixin_45332140/article/details/126796839

版权

vuex持久化缓存插件专栏收录该内容

1 篇文章 0 订阅

订阅专栏

import Vue from 'vue' 
import Vuex, { Store } from 'vuex'
import createPersistedState from "vuex-persistedstate";
import SecureLS from "secure-ls";
const ls = new SecureLS({ isCompression: false });
Vue.use(Vuex)

let store = new Vuex.Store({
  /* eslint-disable */ 
  state: {
    count: 0,
    string: ""
  },
  mutations: {
    increment: state => state.count++,
    decrement: state => state.count--,
    myString: (state, value) =>
      value ? (state.string = value) : (state.string = "")
  },
  actions: {},
  modules: {
  },
   // 持久化插件 
   plugins: [
    createPersistedState({
      storage: {
        getItem: key => ls.get(key),
        setItem: (key, value) => ls.set(key, value),
        removeItem: key => ls.remove(key)
      }
    })
   ]
})
export default store;