关于本地存储的简单demo ---sessionStorage &&&&& localStorage

<input type="text" v-model="intName"><button @click="saveName">保存</button>
 
<script>
import Store from './store'
export default {
data(){
return {
intName:""
}
},
methods:{
saveName(){
let savedata={//自定义存储的方式,我这里以对象存储
ids:"1",
name:this.intName
}
//sessionStorage临时保存数据,关闭窗口 数据就销毁了,
//localStorage 长久保存数据,只要不主动清除,数据一直都在,

//保存数据语法sessionStorage.setItem("key", "value");

//读取数据语法:var lastname = sessionStorage.getItem("key");

//删除指定键的数据语法:sessionStorage.removeItem("key");

//删除所有数据:sessionStorage.clear();

window.sessionStorage.setItem("savedata",JSON.stringify(savedata))//JSON.stringify把对象转换成字符串
var a=JSON.parse(sessionStorage.getItem("savedata"))//举例:获取name,因为存储的时候是字符串,现在要以对象的形式去拿具体想要的值因此又要转回来JSON.parse()
console.log(a.name)//张三
},
},
mounted(){}
}
</script>

猜你喜欢

转载自www.cnblogs.com/lihong-123/p/11289227.html