하위 구성 요소의 VueJs 호출 메서드

하위 구성 요소의 VueJs 호출 메서드

나는 소품을 가지고 있다.

<graph :active-metrics="$data.active_metrics"></graph>

자식 구성 요소에서 값에 액세스할 수 있습니다.

export default {
      template: '<div>{{activeMetrics}}</div>',
      props: ['active-metrics'],
        methods: {

내가 해야 할 일은 변화가 있을 때마다 아이에게 방법을 터트리는 것이다.어떻게 하면 좋을까요?

v-bind를 사용하여 상위에서 하위로 데이터가 흐르도록 할 수 있습니다.

사용자의 경우 다음과 같습니다.

<graph v-bind:active-metrics="$data.active_metrics"></graph>

export default {
  template: '<div>{{activeMetrics}}</div>',
  props: ['active-metrics'],
  watch: {
    'active-metrics': function(){
      alert('active-metrics updated');
  }
}

동작하는 JSFidle에 대해서는, 여기를 참조해 주세요.

언급URL : https://stackoverflow.com/questions/40806014/vuejs-calling-method-in-child-components