localStorange在vue中的应用

一、localStorage普通应用

1、先存在localStorage里面

localStorage.setItem('indexUrl','#/IndexA')

2、在用到的时候，获取数据

this.indexUrl = localStorage.getItem('indexUrl')   //获取本地

 

二、localStorage的存储数组对象的方式

localStorage存储数据的格式都是以字符串的形式来存储的，存储数组对象的方式就是将数组对象转为字符串，在读取的时候再将字符串转成数组对象

操作的方式：

    var obj = {"name":"xiaoming","age":"16"}

    localStorage.setItem("userInfo",JSON.stringify(obj))               // 存

    var user = JSON.parse(localStorage.getItem("userInfo"))      // 取

    localStorage.remove("userInfo)                                              // 删除

    localStorage.clear()                                                                // 清空