vuej의 다른 구성 요소에서 구성 요소의 데이터 속성을 업데이트하는 방법

vuej의 다른 구성 요소에서 구성 요소의 데이터 속성을 업데이트하는 방법

나는 A와 B라는 두 가지 구성요소를 가지고 있는데, 둘 다 서로 자식도 부모도 아니다.A에는 다음과 같은 데이터가 있다.

export default {
    data() {
        return { 
           info1: 'info1'
        }
    }
}

이제 이 정보1을 구성요소 B에서 업데이트하고 싶다.가능합니까?

$root 및 $ref를 사용하여 다음과 같은 두 구성 요소에 ref를 첨부하십시오.

<component-a ref="compa"></component-a>
<component-b ref="compb"></component-b>

여기 중요한 부분이 있어, 각 구성 요소에 대한 정확한 경로를 따라야 해.B의 구성요소 A에 액세스하려는 예, 사용

this.$root.$children[0].$refs.compa.info1

아니면 그럴 것이다.

this.$root.$children[0].$children[0].$refs.compa.info1

또는

this.$root.$children[0].$children[1].$refs.compa.info1

당신의 앱과 컴포넌트 간의 관계에 따라.이러한 방식으로 구성 요소 A에서 info1에 액세스하고 업데이트할 수 있다.이것이 그것을 성취하는 한 방법이다.

네, 여러 가지 면에서 가능하십니다.여러 구성 요소가 값을 수집/업데이트해야 할 경우 향후 작업이 더 쉬워지므로 Vuex를 사용하는 것이 좋다.

Vuex는 국가 관리를 위한 도서관이며 따라서 당신이 성취하고자 하는 것을 위해 건설된다.또한 개발 중에 값을 검사하는 것이 훨씬 더 쉬워진다.

참조URL: https://stackoverflow.com/questions/46445221/how-to-update-components-data-property-from-another-component-in-vuejs