vue 存儲數據

• sessionStorage（臨時存儲） ：爲每一個數據源維持一個存儲區域，在瀏覽器打開期間存在，包括頁面重新加載。

• localStorage（長期存儲） ：與 sessionStorage 一樣，但是瀏覽器關閉後，數據依然會一直存在。

sessionStorage 和 localStorage 的用法基本一致，引用類型的值要轉換成JSON。

import qs from 'qs'

// 存儲
const info = { name: 'hou', age: 24, id: '001' }
localStorage.setItem('info', qs.stringify(info))

// 獲取
var info = qs.parse(localStorage.getItem('info'))

// 刪除
localStorage.removeItem('info')

// 刪除所有
localStorage.clear()

// 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)
})

參考：https://www.cnblogs.com/houzheng/p/9067110.html