タイトルを書き直しました: Vue 3 のコンポーネントのグローバル変数の状態を変更するには?

Question

私は Vue3 や Web 開発全般についてはまったくの初心者です。私の練習環境は Vue3 と Express を使用しています。

app.config.globalProperties.$isAuthenticated のようなグローバル プロパティを使用し、サーバーへの axios 呼び出しに基づいて true と false を切り替えることを考えています。 this.isAuthenticated = true または false を介してコンポーネントの状態を変更できないことを除いて、すべてが正常に動作します。

私が試したこと、this.$isAuthnticated は、まず app.js の ref または reactive を使用して削除します。どれも私には合いません。最後に、グローバル変数がサーバーの応答に反応するようにします。

誰か私に正しい方向を教えてくれませんか?前もって感謝します。

Answer 1

私もこの問題に遭遇し、問題の解決策を見つけようとしました。

状態管理に関する this記事を見つけました。これを使用すると、任意のコンポーネントの変数を使用しながら、アプリケーション コンポーネントで状態を作成できます。