vue具体页面跳转传参方式

Posted 2020-10-08 鱼樱、、

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格式。