Vue中 localStorage的使用方法

1.儲存

2.擷取

3.更改

4.删除

5.清空

6.監聽

//Storage 發生變化（增加、更新、删除）時的 觸發，同一個頁面發生的改變不會觸發，隻會監聽同一域名下其他頁面改變 Storage
window.addEventListener('storage', function (e) {
　　console.log('key', e.key); console.log('oldValue', e.oldValue);
　　console.log('newValue', e.newValue); console.log('url', e.url);
})
           

注意

localStorage在浏覽器的隐私模式下面是不可讀取的。

localStorage本質上是對字元串的讀取，有json格式時需要JSON.stringify()轉化為字元串。

localStorage有效期是永久的。一般的浏覽器能存儲的是5MB左右。sessionStorage api與localStorage相同。

sessionStorage預設的有效期是浏覽器的會話時間。

localStorage作用域是協定、主機名、端口。（理論上，不人為的删除，一直存在裝置中）

sessionStorage作用域是視窗、協定、主機名、端口。

localStorage是window上的。是以不需要寫this.localStorage。Vue中的this，指向Vue執行個體。