关于本地存储的简单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>