通过localStorage存储数据

通过localStorage存储数据

第一步
将数据保存到localStorage中

watch: {
      dojos: {
        deep: true,
        handler: function (value) {
          // 将dojos保存到localStorage里
          window.localStorage.setItem('dojos', JSON.stringify(value))
        }
      }
    }

其中deep是深度监听，由于存的是JSON格式的字符串，所以value通过JSON.stringify(value)来改格式，最后存在一个名字为‘dojos’的key里。
第二步
读取localStorage中key值为dojos的数据

data () {
      return {
        // 从localstorage读取dojos
        dojos: JSON.parse(window.localStorage.getItem('dojos')||'[]')
      }
    },

由于此数据时JSON格式的字符串因此通过JSON.parse()将数据解析成一个数组,还有或上一个’[]'是为了防止当无数据时解析成null。
第三步
在谷歌浏览器的Application找到Local Storage来查看是否存在key值为dojos并且点击查看是否有数据