在Vue JS中，我如何存储＆＃34;数据＆＃34;页面刷新时组件的（true / false）？

Question

将Vue Js与Laravel一起使用我希望在用户刷新页面时保持打开扩展的导航栏（如果他们选择最初打开它）。

导航栏打开/关闭状态存储在组件的数据中，带有true / false布尔值。

我对采用哪种方法感到有点困惑，因为研究了各种选项，所以寻求最佳建议作为菜鸟。理想情况下，有一种简单的方法可以获得数据＆＃39;坚持我的组件，而不是重新呈现为默认值false！因此我想它需要存储在用户的会话中＃34;国家当地的权利？

但是我使用什么以及如何使用？

• 的sessionStorage
• localStorage的
• Vuex - https://vuejs.org/v2/guide/state-management.html
• 一个插件 - https://github.com/vuejs/vuex
• Laravel会话 - https://laravel.com/docs/5.5/session

感谢。

Answer 1

如果您的应用程序很大/复杂性越来越高，Vuex会带有this one等插件。它有点学习曲线，如果你只有一些东西可以跟踪它们的状态，那么本地存储将是一个很好的解决方案。

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

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

Sessionstorage大致相当于localstorage，关键区别在于你关闭浏览器后会被擦除。