HTML5本地存储

WebStorage（js 本地存储）

存储内容大小一般支持 5MB 左右（不同浏览器可能还不一样）
浏览器通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制

备注：

• SessionStorage 存储的内容会随着浏览器窗口关闭而消失
• LocalStorage 存储的内容，需要手动清除才会消失
• xxxStorage.getItem(xxx) 如果 xxx 对应的 value 获取不到，那么 getItem() 的返回值是null
• JSON.parse(null) 的结果依然是 null

<h2>localStorage</h2>
<button @click="saveData">点击保存</button>
<button @click="readData">点击读取</button>
<button @click="deleteData">点击删除</button>
<button @click="deleteAll">删除所有</button>

methods:{
	saveData(){
		//保存到本地存储空间中
		localStorage.setItem('key','value')
	},
	readData(){
		//获取本地存储中的value
		console.log(localStorage.getItem('key'));
	},
	deleteData(){
		//删除指定的值
		localStorage.removeItem('key')
	},
	deleteAll(){
		//清除所有
		localStorage.clear()
	}
}

methods:{
	saveData(){
		//保存到会话存储空间中
		sessionStorage.setItem('key','value')
	},
	readData(){
		//获取会话存储中的value
		console.log(sessionStorage.getItem('key'));
	},
	deleteData(){
		//删除会话存储中指定的值
		sessionStorage.removeItem('key')
	},
	deleteAll(){
		//清除所有会话存储中的值
		sessionStorage.clear()
	}
}