ページのリロード間で状態を永続的に維持する

Question

これは奇妙な質問かもしれませんが、私は Vue を初めて使用するため、まだ答えが見つかりません。 v-if と v-else を使用すると、すべて正常に動作します。

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

しかし、ページをリロードすると、すべてが v-if 状態に戻ります。ページのリロード後に v-else ステータスが表示されるようにする方法はありますか?

Answer 1

Vue アプリでページがリロードされると、コンポーネントの状態が初期状態にリセットされ、データ プロパティがデフォルト値に戻されるため、この動作が発生します。

ページのリロード後も v-else 状態を保持したい場合は、ローカルまたはセッション ストレージ、Cookie、または Vue Router## のような URL 状態での状態の永続化など、さまざまな戦略を使用できます。 ＃）。

最も簡単な方法は、

localStorage に保存することです。 localStorage をバインドに使用する方法については、この記事を参照してください。