vue具体页面跳转传参方式
1.写数据,可以使用“.”,”[]”,以及setItems(key,value);3种方式。
例如:
localStorage.name = proe;//设置name为" proe "
localStorage["name "] = " proe";//设置name为" proe ",覆盖上面的值
localStorage.setItem("name"," proe ");//设置name为" proe " 推荐使用setItem();
2.读数据,可以使用“.”,”[]”,以及getItems(key);3种方式。例如:
var a = localStorage["name"]; //获取name的值
var b = localStorage. name; //获取name的值
var c = localStorage.getItem("name "); //获取name的值 ,推荐使用setItem();
ps:由于LocalStorage是存储到硬盘上的,如果我们不主动清理那么数据会永久保存到硬盘上,清理方式:localStorage.removeItem("name");如果希望一次性清除所有的键值对,可以使用clear();
H5有个key()方法,可以在不知道有哪些键值的时候使用。
var storage = window.localStorage;
function showStorage(){
for(var i=0;i<storage.length;i++){
//key(i)获得相应的键,再用getItem()方法获得对应的值
document.write(storage.key(i)+ " : " + storage.getItem(storage.key(i)) + "<br>");
}
}
localStorage与sessionStorage存储的必需是字符串,而获取的交互数据是Object,所以我们一般要把JSON格式的字符串转成字符。
JSON.stringify()将Json对象转为字符串。
JSON.parse()将字符串转为json格式。