改写后的标题：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

我也遇到了这个问题，并试图找到解决该问题的方法。

我发现这篇关于状态管理的文章。使用它，您可以在应用程序组件中创建状态，同时使用任何组件中的变量。