Bagaimanakah vuex boleh digunakan untuk menghantar acara dengan lebih elegan?

Question

Saya telah menggunakan Vue() baharu untuk mentakrifkan Bas komunikasi global Dengan cara ini, komunikasi antara komponen hanya memerlukan satu pihak untuk memancarkan dan sebelah lagi untuk mendengar. Kemudian, saya beralih kepada vuex Saya rasa vuex hanyalah data global Apabila acara perlu dihantar: contohnya, peristiwa komponen A mencetuskan kaedah komponen B (contohnya, klik butang, batalkan pemasa. , dsb.), pada masa ini vuex kelihatan sangat tidak berguna Kaedah yang saya gunakan sekarang adalah untuk mentakrifkan nilai Boolean, ambil false setiap kali ia dicetuskan, dan kemudian perhatikan nilai ini dalam komponen dan panggil kaedah.

Seperti yang ditunjukkan dalam gambar:

Kemudian dengar:

Adakah sesiapa mempunyai cara yang lebih baik?

Answer 1

Answer 2

Bukankah bagus untuk menggunakan vuex untuk ini? Macam mana nampak tak guna? Sama seperti ini, gunakan loginSuccess untuk mengawal sama ada untuk memaparkan avatar pengguna Dengan cara ini, saya rasa ia agak menyenangkan untuk digunakan

.

Answer 3

1. Jika anda hanya ingin memberitahu objek untuk menukar keadaannya, adalah disyorkan untuk menggunakan acara
1 Komunikasi acara antara komponen ibu bapa dan anak, dengan mendengar nama acara yang sepadan dalam komponen induk dan mencetuskan komponen anak.
2. Komponen bukan ibu bapa dan anak mengamalkan kaedah Bas Acara

2. Perkongsian data antara komponen
1 Aplikasi sederhana dan besar menggunakan vuex
2 Apabila terdapat sedikit senario aplikasi, komponen ibu bapa-anak menggunakan prop, dan komponen bukan ibu bapa-anak menggunakan Bas Acara untuk memindahkan data

.