총 Vue 구성 요소 계산 인스턴스를 얻으십시오

Question

내 jsbin 여기를 참조하십시오 http://jsbin.com/puxefasohu/1/edit?html,js,output "total"의 계산 된 기능을 포함하는 "Receipt"구성 요소가 있습니다. 부모 구성 요소에서 'Grandtotal'을 얻기 위해이 계산 된 값의 모든 'Receipt'구성 요소의 인스턴스를 가져 오려고하지만 Component 인스턴스를 부모에게 전달할 수 없습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

Answer 1

Custom Events을 사용하는 것이 좋습니다. 그것은 당신의 "영수증"구성 요소가 부모의 "필요"가 총계임을 알지 못하도록 분리 할 것입니다. 귀하의 영수증 총계에 변경 사항을 발표하고 부모님 들께서 변경 사항을 청취하게하십시오.