구성 요소의 데이터를 Vue 루트 메서드

Question

내 Vue 루트의 메서드를 통해 구성 요소의 값을 변경해야합니다.

내 구조는 다음과 같습니다

Root 
    PostAnswer 
    data: 
     valueToChange: 'Blah blah blah' 

내 방법은 잘 작동하지만 난이 권리를 얻을 수 없습니다.

$ emit을 사용하여 읽었지만이 인스턴스에서 작동하지 않습니다. 기본적으로 다음과 같은 것이 필요합니다.

$root.PostAnswer.data.valueToChange = null; 

Answer 1

분명히 이벤트를 사용해야합니다.

루트에서 이벤트를 내보내고 구성 요소에서 그냥 잡습니다. 예를 들어

: 경로에서 :

window.Event = new Vue();

당신이 (여전히 루트) 방출보다 당신이 구성 요소의 값을 재설정 할 :

Event.$emit('reset');

을 구성 요소 내 :