VueJs在調用子組件的方法

Question

我有一個道具

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

在我的孩子組成部分我可以訪問值

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

我需要做的就是在孩子觸發的方法，每當有是一個變化。我怎樣才能做到這一點？

Answer 1

您可以使用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'); 
    } 
} 

對工作的jsfiddle見here。