vue 子组件监听父组件属性变化

父组件

<timepart-group @timepart-call="timePartChange" :bindId="pat.bindId"></timepart-group>

子组件

function initVueTimePart(){
        return {
                template : $timePart[0].innerHTML,
                props:['bindid'],
                data: function(){
                    return {
                        currentTabMenu:currentTabMenu,
                        timepartValue:initTimepart,
                        startDate:initStartDate,
                        endDate : initEndDate
                    }
                },
                methods:{
                    timePartChange:function(e){
                        this.timepartValue = e.target.selectedOptions[0].value;
                        this.$emit('timepart-call',this.startDate,this.endDate);
                    }
                },
                watch:{
                    bindid:function(data){//监听属性变化
                        this.startDate = initStartDate;
                        this.endDate = initEndDate;
                        this.timepartValue = initTimepart;
                    }
                }
        };
    }