vuex를 사용하여 이벤트를 보다 우아하게 전달하려면 어떻게 해야 합니까?

Question

저는 새로운 Vue()를 사용하여 전역 통신 버스를 정의했습니다. 이러한 방식으로 구성 요소 간의 통신에는 한쪽만 내보내고 다른 쪽은 수신하면 됩니다. 나중에 vuex는 전역 데이터일 뿐이라고 생각합니다. 예를 들어 구성 요소 A의 이벤트가 구성 요소 B의 메서드를 트리거하는 경우(예: 버튼 클릭, 타이머 취소) 등), 현재 vuex는 매우 쓸모가 없어 보입니다. 지금 사용하는 방법은 Boolean 값을 정의하고 트리거될 때마다 false를 취한 다음 구성 요소에서 이 값을 관찰하고 메서드를 호출하는 것입니다.

사진에 표시된 대로:

그럼 들어보세요:

누구 더 좋은 방법이 있나요?

Answer 1

Answer 2

이런 경우 vuex를 사용하면 좋지 않나요? 왜 쓸모없어 보이는 걸까요? 마찬가지로 loginSuccess를 이용해 사용자의 아바타 표시 여부를 조절하는 방식으로 사용하면 꽤 좋다고 생각합니다.

Answer 3

1. 객체에 상태 변경을 알리고 싶다면 이벤트를 사용하는 것이 좋습니다.
1. 상위 구성 요소에서 해당 이벤트 이름을 듣고 하위 구성 요소를 트리거하여 상위 구성 요소와 하위 구성 요소 간의 이벤트 통신을 수행하는 것이 좋습니다.
2. 부모-자식이 아닌 구성요소는 이벤트 버스 방식을 사용합니다

2. 컴포넌트 간 데이터 공유
1. 중대형 애플리케이션은 vuex를 사용합니다
2. 애플리케이션 시나리오가 상대적으로 적은 경우 부모-자식 컴포넌트는 props를 사용하고, 부모-자식 컴포넌트가 아닌 경우에는 이벤트 버스를 사용하여 데이터를 전송합니다