javascript - 单页面应用中，如何存储数据以及刷新页面后获取数据

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 6 年前。

Improve this question

最近我遇到一个问题，如何在单页应用程序上存储数据。

我想问如何在单页应用程序中存储数据并在刷新页面后取回数据。

例如，我得到“用户名”，它显示在导航栏上，但刷新页面后，“用户名”就消失了。 “用户名”是一个 JavaScript 变量。

刷新前

刷新后

有人可以就如何以及在何处存储数据提供一些建议吗？

在本地存储还是其他地方？标准或正确的方法应该是什么？

另外，还有一种方法是每次刷新页面后重新从服务器获取数据，这是正确的方法吗？

顺便说一句，我正在使用 Vue.js。

谢谢

Answer 1

正确的方法是使用 sessionStorage，因为当您的浏览器关闭时，变量将被删除

 // Save data to sessionStorage
sessionStorage.setItem('key', 'value');

// Get saved data from sessionStorage
var data = sessionStorage.getItem('key');

// Remove saved data from sessionStorage
sessionStorage.removeItem('key')

https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage