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

Question

奇妙な質問かもしれませんが、私は Vue を初めて使用するため、まだ答えが見つかりません。 v-if と v-else を使用すると、すべてが正常に動作します。しかし、ページをリロードすると、すべてが v-if に戻ります。ページのリロード後に v-else ステータスが表示されるようにする方法はありますか?

P粉023650014 · Answer

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

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

最も簡単な方法は、

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