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。