vuex数据固化插件VuexPersistence的使用

1,421 阅读1分钟

业务场景:vuex中state的数据是存储到localStorage里面的,页面刷新后state的数据被浏览器释放掉, 记录下数据固化的插件VuexPersistence的使用:

1. 下载依赖

npm install --save vuex-persist

2. store文件index.js里面引入和使用

import VuexPersistence from 'vuex-persist'
// 使用
const vuexLocal = new VuexPersistence({
  storage: window.localStorage
})
// 导出
export default new Vuex.Store({
  ......
  plugins: [vuexLocal.plugin]
})

直接复制使用,不需要改任何名字。