Vuex 模块化 配合 本地存储

       开发时，我们会经常用到vueX，但vuex有个缺点，一刷新数据就没了，所以，我们要配合本地存储，将本地存储的能力赋予 Vuex，让Vuex也有抵抗刷新的能力：

       我们的核心代码都写在 App.vue 文件中

第一步：

   在 App.vue 文件中写如下代码： 

methods: {

    // 将Vuex中的数据存储到本地中，必须是  “this.$store.state” ，如果写成          “this.$store.state.xxx” 容易出现undefined

    saveState () {

      window.sessionStorage.setItem('state', JSON.stringify(this.$store.state))

    }

  },

mounted () {

    // 检测是否刷新   js原生代码  

    window.addEventListener('beforeunload', this.saveState)

  },

第二步：

    也是最重要的一步，也在App.vue中：

  created () {

     // 页面刚一加载ÿ