Vue父组件向子组件传值，且要监听该值的变化

vue父组件向子组件传值时，如果值会根据父组件的相关操作而变化，则需要在子组件里用watch对其进行监听

1、父组件

<template>
<div>
<air-station :value="value"></air-station>
</div>
</template>
import AirStation from '../components/air/AirStation'
export default {
components: {
AirStation,
},
data(){
return{
value:'',
}
},
methods:{
onZdzClick(item){
this.value=item.id;
}
}
}

2、子组件

<template>
<div>

</div>
</template>

<script>
export default {
props: ['value'],      //父组件传来的值放到props里，而非data里定义
data () {
return {}
},
methods: {
queryData(param) {

}
},
watch:{     //监听value的变化，进行相应的操作即可
value: function(a,b){     //a是value的新值，b是旧值
this.queryData(a);
}
}

}
</script>