Window.localStora:存储的内容,需要手动清除才会消失
<div>
<h2>localStorage</h2>
<button @click="saveDate()">保存数据到localStorage</button><br/>
<button @click="readDate()">读取localStorage中的数据</button><br/>
<button @click="deleteDate()">删除localStorage中的数据</button><br/>
<button @click="deleteAllDate()">清空localStorage中的数据</button><br/>
</div>
//保存数据到localStorage
saveDate() {
let person = { name: "JOJO", age: 20 }
localStorage.setItem('person', JSON.stringify(person))
},
//读取localStorage中的数据
readDate() {
const person = localStorage.getItem('person')
console.log(JSON.parse(person))
},
//删除localStorage中的数据
deleteDate() {
localStorage.removeItem('person')
},
//清空localStorage中的数据
deleteAllDate() {
localStorage.clear()
},
在A页面中先存储:
var imgs = form.datalist//声明个变量存储下数据
localStorage.setItem('key',imgs); //将变量imgs存储到name字段
在B页面中使用:
var naid = localStorage.getItem("key"); //获取指定key本地存储的值
Window.sessionStorage:存储的内容会随着浏览器窗口关闭而消失
<div>
<h2>sessionStorage</h2>
<button @click="saveDate()">保存数据到sessionStorage</button><br/>
<button @click="readDate()">读取sessionStorage中的数据</button><br/>
<button @click="deleteDate()">删除sessionStorage中的数据</button><br/>
<button @click="deleteAllDate()">清空sessionStorage中的数据</button><br/>
</div>
//保存数据到sessionStorage
saveDate() {
let person = { name: "JOJO", age: 20 }
sessionStorage.setItem('person', JSON.stringify(person))
},
//读取sessionStorage中的数据
readDate() {
const person = sessionStorage.getItem('person')
console.log(JSON.parse(person))
},
//删除sessionStorage中的数据
deleteDate() {
sessionStorage.removeItem('person')
},
//清空sessionStorage中的数据
deleteAllDate() {
sessionStorage.clear()
},