2017-12-22 39 views
1

잠시 동안 검색을 시도했지만 이미있는 답변을 찾을 수 없습니다.하위 구성 요소에 동일한 소품을 반복적으로 전달하지 마십시오. Vuejs

내 응용 프로그램에서 다른 하위 구성 요소에 동일한 소품을 반복적으로 전달해야한다는 것을 발견했습니다. 예를 들어 부모 컴포넌트에서 모달 가시성을 토글하는 메소드가있을 수 있습니다. 그런 다음 일부 하위 구성 요소는 모달을 전환하려면이 메소드에 액세스해야 할 수 있습니다.

<nav-bar 
    :toggleForm='toggleForm'> 
</nav-bar> 
<header-content 
    :toggleForm='toggleForm'> 
</header-content> 

여기에 반복되는 것을 피할 수있는 방법이 있습니까? 왜냐하면 다른 하위 구성 요소에 동일한 소품 유형 확인 & 확인을 작성해야하기 때문입니다. 그것은 반복을 많이 느낀다.

이 문제를 해결하려면 Vuex를 사용해야합니까? 아니면 국가 관리 시스템을 추가하지 않고도 해결할 수 있습니까?

감사합니다.

+1

예 당신이 사용하는 vuex 또는 다른 방법은'사용하는 것 events'를 사용하여 자식 구성 요소 속성을 변경합니다 (이 경우 소품을 전달할 필요가 없지만 여전히 이벤트를 수신하고 그에 따라 행동해야합니다.) –

+1

소품을 정의하는 믹스 인을 만들 수 있습니다. 당신은 또한'inheritAttrs : false'와'v-bind = "attrs"'(google it)을 할 수 있습니다. –

답변

0

답변 해 주셔서 감사합니다. 답변을 기반으로 한 몇 가지 추가 검색을 수행 한 후에는 몇 가지 해결책이 있습니다. 상위/하위 구성 요소에 대한

  1. 사용 이벤트 : doc
  2. 사용 이벤트 버스가 구성 요소 사이 인 경우 : doc
  3. 사용 Vuex