WEBStorage

localstorage

本地存储
他是js自带的原生方法，并不是vue特有的。他会存储在你自己的浏览器中。而且她只能存储字符串的内容。
他是window下的一个函数。

1
2
3
4
5
6
7
8
localstorage.getItem('')
//获取本地存储中的值
localstorage.setItem('key','value')
//设置本地存储的值
localstorage.removeItem('')
//移除某一个值
localstorage.clear()
//清空

当你要存储一个对象到localstorage中时，需要先转化为JSON的字符串格式。

sessionstorage

会话存储
他的方法与localstorage一致，但是他只会保存在每一次会话中。当关闭浏览器，会话就会结束，所有内容就会删除。

如果存储在localstorage中的键值不存在，会返回一个null

JSON方法

json格式的字符串转化为json对象。
JSON.parse()
json对象转化为json格式的字符串
JSON.stringify()

watch监视属性

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
完整写法
watch:{
    Item:{     
deep:true,
//开启深度监视，可以检测到数组内，具体对象的修改变化。
handler(value){
      localStorage.setItem('Item',JSON.stringify(value))
    }
        }  
  }
//常见写法
watch:{
      Item(oldvalue,newvalue){//可以不用old属性，只是用value接受新value
          localStorage.setItem('Item',JSON.stringify(value))
      }
    },