Titre réécrit : Comment changer l'état des variables globales dans les composants dans Vue 3 ?

Question

Je suis assez nouveau dans Vue3 et dans le développement Web en général. Ma configuration pratique utilise Vue3 et Express.

Je pense utiliser quelque chose comme app.config.globalProperties.$isAuthenticated 这样的全局属性，并根据对服务器的 axios 调用在 true 和 false 之间切换。一切正常，除了我无法通过 this.isAuthenticated = true ou false pour changer son état dans n'importe quel composant.

Choses que j'ai essayées, this.$isAuthnticated，首先在 app.js 中使用 ref 或 reactivepour le supprimer. Aucun d'entre eux ne me convient. Enfin, je veux qu'une variable globale réagisse à la réponse du serveur.

Quelqu’un peut-il m’indiquer la bonne direction ? Merci d'avance.

Answer 1

J'ai également rencontré ce problème et j'ai essayé de trouver une solution au problème.

J'ai trouvé cet article sur la gestion de l'État. En l'utilisant, vous pouvez créer un état dans les composants d'application tout en utilisant des variables de n'importe quel composant.