Vuex 스토어와 컴포넌트 소품:구성 요소 통신에 각 방법을 사용할 때?
약 2주 전에 Vux를 배웠어요.Vuex(또는 Flux)가 무엇이고 어떻게 작동하는지 잘 알고 있습니다.
내가 아직 모르는 것은 언제 물건을 가게에 넣어야 할지, 말아야 할지에 대한 감정이다.언제 해야 하는지 가이드라인을 알고 계십니까?
분명한 상황은 동일한 정보를 필요로 하는 컴포넌트가 컴포넌트 계층에서 서로 멀리 떨어져 있는 경우입니다.하지만 그들이 가까운 사이(자매이거나 부모-자녀 관계)라면 어떻게 할까요?이러한 상황에서는 항상 컴포넌트 소품을 사용하여 가치를 전달합니까?만약 그렇지 않다면, 언제, 그리고 왜?
극단적으로 말하면, 많은 상황에서 가게와 부품에 저장되어 있는 가치의 대부분은 소품이 거의 없는 것을 상상할 수 있었습니다.그런 상황이라고는 생각되지 않지만, 그런 접근에 문제가 없는 것은 아닐까 생각하고 있습니다.
Vuex는 안경같다고들 하죠 언제 필요할지 알잖아요
하지만 이것은 기껏해야 주제넘은 짓이다.그래서 이 질문이 주로 의견 기반으로서 닫힐 위험을 무릅쓰고...
Vuex를 사용하면 다음과 같은 3가지 이점이 있습니다.
- 컴포넌트가 멀리 떨어져 있어도 데이터에 쉽게 접근할 수 있습니다.
- 스토어는 글로벌 상태의 단일 소스입니다.
- 비동기 데이터 변경 처리 능력 향상
두 가지 기준을 충족시킬 수 있다면 그건 확실한 예스입니다.그러나 상위와 직계 하위 사이에 데이터가 있다고 해서 vuex를 사용하지 않아야 한다는 의미는 아닙니다.종종 같은 컴포넌트의 항목에 vuex를 사용하지만 데이터가 다른 컴포넌트에서 사용 가능하거나 특히 비동기(API 사용)인 경우에는 vuex로 이동할 수 있습니다.
언급URL : https://stackoverflow.com/questions/50759131/vuex-store-vs-component-props-when-use-each-method-for-component-communication
'programing' 카테고리의 다른 글
Vue.js 2.0을 사용한 자동 검색 (0) | 2022.07.10 |
---|---|
Vuex 액션을 여러 파일로 분할하여 디스패치를 사용하려면 어떻게 해야 합니까? (0) | 2022.07.10 |
TypeError: 정의되지 않은('collection' 읽기) 속성을 읽을 수 없음 - Vuejs 및 Firebase (0) | 2022.07.10 |
FireBase 데이터베이스에서 객체를 삭제하는 방법 (0) | 2022.07.10 |
Vue.js.$set이 함수가 아닙니다. (0) | 2022.07.10 |