VUE2.0 学习（二十）浏览器本地存储localStorage 和 sessionStorage

<script type="text/javascript" >
			let p = {name:'张三',age:18}
		// 保存一个数据
			function saveData(){
				localStorage.setItem('msg','hello!!!')
				localStorage.setItem('msg2',666)
				localStorage.setItem('person',JSON.stringify(p))
			}


			// 读取一个数据
			function readData(){
				console.log(localStorage.getItem('msg'))
				console.log(localStorage.getItem('msg2'))

				const result = localStorage.getItem('person')
				console.log(JSON.parse(result))

				// console.log(localStorage.getItem('msg3'))
			}

			// 删除一个数据
			function deleteData(){
				localStorage.removeItem('msg2')
			}


			// 清空一个数据
			function deleteAllData(){
				localStorage.clear()
			}
		</script>

<script type="text/javascript" >
			let p = {name:'张三',age:18}
			// 保存一个数据
			function saveData(){
				sessionStorage.setItem('msg','hello!!!')
				sessionStorage.setItem('msg2',666)
				sessionStorage.setItem('person',JSON.stringify(p))
			}

			// 读取一个数据
			function readData(){
				console.log(sessionStorage.getItem('msg'))
				console.log(sessionStorage.getItem('msg2'))

				const result = sessionStorage.getItem('person')
				console.log(JSON.parse(result))

				// console.log(sessionStorage.getItem('msg3'))
			}


			// 删除一个数据
			function deleteData(){
				sessionStorage.removeItem('msg2')
			}


			// 清空一个数据
			function deleteAllData(){
				sessionStorage.clear()
			}
		</script>