Tajuk yang ditulis semula: Bagaimana untuk menukar keadaan pembolehubah global dalam komponen dalam Vue 3?

Question

Saya agak baru dalam Vue3 dan pembangunan web secara amnya. Persediaan amalan saya menggunakan Vue3 dan Express.

Saya sedang berfikir untuk menggunakan sesuatu seperti app.config.globalProperties.$isAuthenticated 这样的全局属性，并根据对服务器的 axios 调用在 true 和 false 之间切换。一切正常，除了我无法通过 this.isAuthenticated = benar atau salah untuk menukar keadaannya dalam mana-mana komponen.

Perkara yang saya telah cuba, this.$isAuthnticated，首先在 app.js 中使用 ref 或 reactive untuk mengeluarkannya. Tiada satu pun daripada mereka yang sesuai dengan saya. Akhirnya saya mahu pembolehubah global bertindak balas terhadap tindak balas pelayan.

Bolehkah sesiapa menunjukkan saya ke arah yang betul? Terima kasih terlebih dahulu.

Answer 1

Saya juga mengalami masalah ini dan cuba mencari penyelesaian kepada masalah tersebut.

Saya jumpa ini artikel tentang pengurusan negeri. Menggunakannya, anda boleh mencipta keadaan dalam komponen aplikasi semasa menggunakan pembolehubah daripada mana-mana komponen.