存储到vuex
的数据在页面进行刷新的时候会被清空 或者丢失 此时可以使用数据持久化插件将其存储到本地
首先需要下载插件
npm
使用 ↓
npm install vuex-persistedstate --save
yarn
使用↓
yarn add vuex-persistedstate --save
在vuex
初始化时导入插件 并添加plugins
字段 只要调用mutations
的方法 就会自动将数据存储到本地
import persist from 'vuex-persistedstate'
//并使用
export default new Vuex.Store({
state: {
},
mutations: {
},
actions: {
},
modules: {
},
plugins: [
new persist({
storage: window.localStorage,
}),
],
})