Umgeschriebener Titel: Wie ändere ich den Status globaler Variablen in Komponenten in Vue 3?

Question

Ich bin ziemlich neu in Vue3 und der Webentwicklung im Allgemeinen. Mein Praxis-Setup verwendet Vue3 und Express.

Ich denke darüber nach, so etwas wie app.config.globalProperties.$isAuthenticated 这样的全局属性，并根据对服务器的 axios 调用在 true 和 false 之间切换。一切正常，除了我无法通过 this.isAuthenticated = true oder false zu verwenden, um den Status einer beliebigen Komponente zu ändern.

Dinge, die ich versucht habe, this.$isAuthnticated，首先在 app.js 中使用 ref 或 reactive um es zu entfernen. Keiner davon passt zu mir. Schließlich möchte ich, dass eine globale Variable auf die Serverantwort reagiert.

Kann mir jemand den richtigen Weg weisen? Dank im Voraus.

Answer 1

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

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