Wie kann Vuex verwendet werden, um Ereignisse eleganter zu versenden?

Question

Ich habe new Vue() verwendet, um einen globalen Kommunikationsbus zu definieren. Auf diese Weise erfordert die Kommunikation zwischen Komponenten nur eine Seite zum Senden und die andere Seite zum Abhören. Später bin ich zu Vuex gewechselt. Ich habe das Gefühl, dass Vuex nur ein globales Datenelement ist, das ausgelöst werden muss: Beispielsweise löst ein Ereignis von Komponente A eine Methode von Komponente B aus (z. B. Klicken auf eine Schaltfläche, Abbrechen eines Timers). , usw.), zu diesem Zeitpunkt scheint vuex sehr nutzlos zu sein. Die Methode, die ich jetzt verwende, besteht darin, einen booleschen Wert zu definieren, bei jedem Auslösen false zu nehmen, diesen Wert dann in der Komponente zu beobachten und die Methode aufzurufen.

Wie im Bild gezeigt:

Dann hör zu:

Hat jemand eine bessere Möglichkeit?

Answer 1

Answer 2

这个用vuex不是挺好的吗？怎么会显得鸡肋？类似这种，用loginSuccess来控制是否显示用户头像，这样，我觉得用的还是挺愉快的

Answer 3

一、仅仅是想通知某个对象去更改状态，建议使用事件的方式
1.父子组件之间的事件通讯，通过在父组件监听对应的事件名，子组件触发的方式。
2.非父子组件采用Event Bus的方式

二、数据在组件之间的共享
1.中大型应用使用vuex
2.应用场景比较少的情况，父子组件采用props，非父子组件Event Bus传递数据