vuex数据刷新后丢失问题解决办法

在vue项目中我们一般会用到Vuex对数据进行管理，但我们刷新页面时，store数据会全部丢失，如何解决呢？其实很简单，使用vuex的插件来把store中的数据缓存到本地就好了，我用的是vuex-persistedstate，应该还有其他插件。使用方法如下：

1.先安装vuex-persistedstate
npm install --save vuex-persistedstate 

2.在store中使用 

import createPersistedState from 'vuex-persistedstate'

const store = new Vuex.Store({
  state: {
    selected_card: {}, //用户选择的银行卡
  },
  mutations: {
    update_selected_card(state, payload) {
      state.selected_card = payload
    },
  },
    //这是把所有数据缓存到本地 也可以进行配置
  plugins: [createPersistedState()],
})

export default store;

使用起来是很简单方便的。