解决：页面刷新的时候，数据没有被储存。 Vuex持久化存储页面数据。

vuex可以进行全局的状态管理，但是刷新页面之后，数据就会消失。这与我们想象的不符。

解决办法：我们可以结合本地存储做到数据持久化，也可以通过一些插件来完成。vuex-persistedstate

这里我们就使用插件的方法俩完成。【其实插件的原理也是结合了存储方式，只是统一的配置，不需要每次手动写存储方法。】

插件：vuex-persistedstate

（1）安装插件依赖：

npm install vuex-persistedstate --save

（2）页面引入：

import createPersistedState from 'vuex-persistedstate'

（3）页面配置：（ 默认持久化所有state ）

（3-1）默认存储到 localStorage 

plugins: [createPersistedState()]  

（3-2）如果想要存储在 sessionStorage ，配置如下：

  plugins: [createPersistedState({
    storage:window.sessionStorage
  })] 

页面引入配置截图如下：

 

-------完。