```javascript
function saveSetting() {
let layoutSetting = {
"id": storeAdd.value.id,
"name": storeAdd.value.name,
"isWinning": storeAdd.value.isWinning,
"isBigPrize": storeAdd.value.isBigPrize,
"dayNumber": storeAdd.value.dayNumber,
"number":storeAdd.value.number,
"probability": storeAdd.value.probability
};
localStorage.setItem("store-Add", JSON.stringify(layoutSetting));
}
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
<script>
saveSetting();
console.log(getSetting())
function saveSetting() {
let storeAdd={
value:{
id:"33",
name:"44"
}
}
let layoutSetting = {
"id": storeAdd.value.id,
"name": storeAdd.value.name,
// "isWinning": storeAdd.value.isWinning,
// "isBigPrize": storeAdd.value.isBigPrize,
// "dayNumber": storeAdd.value.dayNumber,
// "number": storeAdd.value.number,
// "probability": storeAdd.value.probability
};
localStorage.setItem("store-Add", JSON.stringify(layoutSetting));
}
function getSetting() {
if (localStorage.getItem("store-Add")) {
return JSON.parse(localStorage.getItem("store-Add"));
}
}
</script>
</html>
getItem就行了啊,忽略saveSetting 里 let storeAdd 我只是 模拟数据
关于在Vue中进行状态或数据储存的方案,主要有
Vuex
,LocalStorage
,sessionStorage等几种,但是如果应对的场景是属于那种可以手动刷新,只需第一次加载的页面时,vuex
的优势就不明显了,因为一旦刷新就相当于失效,而如果展示的数据非常大,那么sessionStorage
也会因为大小的限制问题而被放弃,那么如何能够提高页面的加载体验同时,又能有效地管理本地状态呢?答案是LocalStorage
。