localStorage 可以让你在浏览器中存储键值对,并且在页面关闭后数据依然保留。localStorage 中存储的数据会一直保存在客户端,直到被手动删除或者清除浏览器缓存。
localStorage 中存储的数据在同一浏览器的不同窗口之间是共享的,而 sessionStorage 中存储的数据只在当前会话(session)中有效,不同窗口之间不共享数据。
localStorage 的常用方法:
localStorage.setItem(key, value): 将数据存储到 localStorage 中,以指定的键名(key)和键值(value)保存数据。
localStorage.getItem(key): 根据键名(key)从 localStorage 中获取数据,并返回对应的键值(value)。
localStorage.removeItem(key): 根据键名(key)从 localStorage 中移除对应的数据。
localStorage.clear(): 清空 localStorage 中的所有数据。
vue开发时,用localStorage存储数组方法,包括数组定义、把数组转为字符串存储、读取localStorage转数组。localStorage存储数组需要把数组转为字符串,及从localStorage读取数据后,由字符串转回数组。
1.数组定义
let arrary = ['value1','value2','value3']
2.存储数组,把数组转为字符串存储
let temp=JSON.stringify(arrary )
localStorage.setItem('myStorage', temp)
3.读取localStorage
let temp=localStorage.getItem('myStorage')
arrary = JSON.parse(temp)