Laravel 在Vue JS中，如何在页面刷新时存储组件的“数据”（真/假）？

使用Vue Js和Laravel，如果用户选择最初打开页面，我希望在刷新页面时保持打开一个扩展的导航栏

导航栏打开/关闭状态以真/假布尔值存储在组件数据中

我有点困惑该采取哪种方法，因为我已经研究了各种选择，所以作为一个noob，寻求最好的建议。理想情况下，有一种简单的方法让“数据”在我的组件中持久化，而不是将其重新呈现为默认值false！因此我想它需要在本地存储在用户的会话状态中，对吗

但是我用什么，怎么用

会话存储 本地存储 Vuex- 插件- 拉拉维尔会议-

---

谢谢。

Vuex带有一个插件，例如如果您的应用程序很大/复杂性越来越高。不过这是一个学习曲线，所以如果您只有一些东西可以跟踪它们的状态，那么localstorage将是一个很好的解决方案

Localstorage的优点是易于使用，被广泛采用。如果将来需要，它可以与vuex等状态管理系统很好地集成。该api非常简单，实际上只针对常见的简单用例使用getItem和setItem。它也在浏览器会话中保持不变

---

Sessionstorage大致相当于localstorage，关键区别在于一旦关闭浏览器，它就会被擦除。

Vuex将不会保留刷新页面时应用程序的状态。正如您所提到的，localStorage/sessionStorage可能是存储该信息的最佳方法。您是对的，我的措辞很糟糕，我的意思是将Vuex与本地存储结合使用，例如