parse存儲

『壹』 vue中使用localStorage存儲信息

JSON。parse()作用是將字元串轉化成json數組，JSON.stringify()作用是將json數組轉換成字元串
對瀏覽器來說，使用Web Storage存儲鍵值對比存儲Cookie方式更直觀，而且容量更大，它包含兩種：localStorage和sessionStorage

所以上次使用cookie的時候就遇到了一個坑，設置後馬上訪問session會獲取不到，蛋痛，還需要刷新一下，原因是：
當我們首次訪問設置Cookie的頁面是，伺服器會把設置的Cookie值通過響應頭送過來，告訴瀏覽器將cookie存儲的本地相應文件夾中(注意：第一次訪問時本地還沒有存儲Cookie，所以此時獲取不到值)；
當第二次訪問時（或是進行cookie設置後，過期前所有的訪問）時，請求頭信息中你都會把Cookie值攜帶。

localStorage有效期是永久的。一般的瀏覽器能存儲的是5MB左右。sessionStorage api與localStorage相同。
sessionStorage默認的有效期是瀏覽器的會話時間（也就是說標簽頁關閉後就消失了）。
localStorage作用域是協議、主機名、埠。（理論上，不人為的刪除，一直存在設備中）
sessionStorage作用域是窗口、協議、主機名、埠。

知道了這些知識點後，你的問題就很好解決了。
localStorage是window上的。所以不需要寫this.localStorage，vue中如果寫this，是指vue實例。會報錯