store中的数据一刷新就会丢失,我们可以利用插件来解决这个问题。
主要原理是把数据存储在localStorage或者SessionStorage。
npm install vuex-persistedstate
// store/index.js
import createPersistedState from "vuex-persistedstate";
const store = new Vuex.Store({
// 代码
state: {},
mutations: {},
actions:{},
// 默认是localStorage
plugins: [createPersistedState({ storage: window.sessionStorage })]
})
export default store