在localStorage中存储对象数组并读取的方法

在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。

localStorage和sessionStorage之间的不同

localStorage与sessionStorage的唯一一点区别就是localStorage属于永久性存储，而sessionStorage属于当会话结束的时候，sessionStorage中的键值对会被清空

存储和读取要记得解析和字符串化

localStorage.setItem('key',JSON.stringify(object))
JSON.parse(localStorage.getItem('key'))

用watch把用户输入存到storage中

watch:{
  todos(value){
localStorage.setItem('todos',JSON.stringify(object)
}

//读取本地存储的数据
data(){
  return{
    todos:JSON.parse(localStorage.getItem('todos)) || []
//这里的[]用来让浏览器读取信息时不报错，因为一开始这个列表没有，是null

}
}