Vue中使用watch同时监听多个值的实现方法

一、在computed中

　　在computed中，将需要监听的值定义为一个对象。　　

　　比如我们需要监听start和end的改变，将监听的值(start、end)定义一个对象(dateRange)，代码如下：

computed: {
    dateRange() {
        const {start, end} = this;
        return {start, end}
    }
}

二、在watch中

　　需要在watch中监听这个对象，当start或者end改变时，弹出提示，代码如下：

watch: {
    //会在任何被侦听的对象的属性值改变时被调用，不论其被嵌套多深
    dateRange: {
        handler() {
            alert("数据改变");
        },
        deep: true,
    }
},