保持状态在页面重新加载之间的持续性

Question

也许这是一个奇怪的问题，但我对Vue还不熟悉，也没有找到答案。 当我使用v-if和v-else时，一切都正常：

<CodeForm v-if="isLoginFormSent" />
<LoginForm v-else />

但是在重新加载页面后，一切都回到了v-if状态。有没有办法确保在页面重新加载后显示v-else状态？

Answer 1

当在Vue应用中重新加载页面时，组件的状态将重置为初始状态，数据属性将返回到默认值，这就是您遇到此行为的原因。

如果您希望在页面重新加载后保留v-else状态，可以采用不同的策略，如将状态持久化存储在本地或会话存储、cookie或URL状态（如Vue Router）中。

最简单的方法是将其保存在localStorage中。请参阅此文章，了解如何利用localStorage进行绑定。