业务场景: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]
})
直接复制使用,不需要改任何名字。