vue项目#获取localStorage数据

---

前言

最近的项目是关于老项目的重构，以前的angular里面的localStorage的数据获取，是在controller里面引入一个封装好的公共函数，直接进行调用，但是在vue里面，我还没用过怎么在localStorage里面获取获取数据，所以今天这篇文章讲解，如何在vue项目中从localStorage里面拿自己想要的数据。

---

一、localStorage是什么？

localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。

• localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。
• localStorage 属性是只读的。

提示: 如果你只想将数据保存在当前会话中，可以使用 sessionStorage 属性， 该数据对象临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

二、读取操作

let temp = localStorage.getItem("localStorage里面的数据的名称")

总结

虽然说，自己之前知道这个localStorage这个属性，但是自己对它的用法还是有点模糊，根据这次的项目的需求来说，我对这个属性也加深了了解。还有其他的浏览器存储的知识，也希望自己后面有时间做一个详细的总结。