改寫後的標題：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

我也遇到了這個問題，並試圖找到解決問題的方法。

我發現這篇關於狀態管理的文章。使用它，您可以在應用程式元件中建立狀態，同時使用任何元件中的變數。