vuex如何实现数据持久化,刷新页面存储的值还存在

1.安装:

npm install vuex-persistedstate  --save

2.找到store/index.js

import Vue from 'vue'
import Vuex from 'vuex'
import VuexPersistense from 'vuex-persistedstate'
import app from './modules/app' Vue.use(Vuex) const vuexLocal = new VuexPersistense({ storage: localStorage, reducer: val => { return {
    //引入app模板,对象里面可配置需要持久化的status app: { sidebar: val.app.sidebar, device: val.app.device } } } })

  

猜你喜欢

转载自www.cnblogs.com/gqx-html/p/10797253.html