如一樓所說(shuō)，首先無(wú)論是什么樣的類型數(shù)據(jù)，存儲(chǔ)在localStroage中的時(shí)候都是以key,value的形式進(jìn)行存儲(chǔ)的，value存儲(chǔ)為字符串類型，取出的時(shí)候是以key來(lái)進(jìn)行取出，比如:

const userInfo = {
    age:22,
    name:'xxx'
}

存儲(chǔ)：localStroage.setItem('user',JSON.stringify(userInfo))
取出：JSON.parse(localstroage.getItem('user'));

存到localstroage中的數(shù)據(jù)都會(huì)轉(zhuǎn)成字符串，取得時(shí)候也是字符串，字符串轉(zhuǎn)一下json就可以了

跟vue沒(méi)啥關(guān)系。
你需要的是百度搜索“localStorage的使用”，點(diǎn)擊回車，搜索就可以了，什么解釋都有。
然后，樓上說(shuō)的都沒(méi)有問(wèn)題。
我想說(shuō)的是，遇到問(wèn)題，先想著自己解決，解決不了了上百度，一般都可以百度到。
像sf這種，我覺(jué)得，你有在編輯器編輯這個(gè)問(wèn)題的時(shí)間，百度搜索一下已經(jīng)解決了。
如果解決不了，再來(lái)sf問(wèn)，豈不是更好。

這類是問(wèn)谷歌百度，看文檔能解決的問(wèn)題。多查查MDN。MDN LocalStorage，
之前回答過(guò)類似問(wèn)題，
在segmentfault回答了這個(gè)《vue 登錄存localStorage的方法》問(wèn)題。
鏈接：https://segmentfault.com/q/10...。

使用localStorage的JS對(duì)象形式有時(shí)候更靈活。

localStorage 知識(shí)點(diǎn)：
JS對(duì)象
讀取形式：
localStorage.name
添加/修改
localStorage.name = "xuanyuan"
其中"xuanyuan"只能是字符串形式（目前為止只支持字符串）。所以存儲(chǔ)時(shí)是JSON對(duì)象時(shí)需要執(zhí)行下JSON.stringify，所以獲取時(shí)需要執(zhí)行下JSON.parse
刪除
detele localStorage.name

API
獲取鍵值對(duì)數(shù)量
localStorage.length
讀取
localStorage.getItem('name'), localStorage.key(i)
添加/修改
localStorage.setItem('name','xuanyuan')
刪除對(duì)應(yīng)鍵值
localStorage.removeItem('name')
刪除所有數(shù)據(jù)
localStorage.clear()

順便說(shuō)下，localStorage有效期是永久的。一般的瀏覽器能存儲(chǔ)的是5MB左右。sessionStorage api與localStorage相同。
sessionStorage默認(rèn)的有效期是瀏覽器的會(huì)話時(shí)間（也就是說(shuō)標(biāo)簽頁(yè)關(guān)閉后就消失了）。
localStorage作用域是協(xié)議、主機(jī)名、端口。（理論上，不人為的刪除，一直存在設(shè)備中）
sessionStorage作用域是窗口、協(xié)議、主機(jī)名、端口。

var a = {
    name: "silence",
    age: "18"
}
localstroage.setItem('info', JSON.stringify(a)); // 存
var name = JSON.parse(localstroage.getItem('info')).name; // 取