vue同时监听多个数据（多个数据写入一个对象）

直接上代码：

<template>
    <div></div>
</template>

<script>
export default {
  data() {
    return {
      option: {
        title: { text: "房间类型统计" },
        xAxis: {
          type: "category",
          data: [],
        },
        yAxis: {
          type: "value",
        },
        series: [
          {
            data: [],
            type: "bar",
          },
        ],
      },
    };
  },
  computed: {
    changeData() {
      var xData = this.option.xAxis.data;
      var yData = this.option.series[0].data;
      return { xData, yData };
    },
  },
  //监听数据
  watch: {
    //当changeData数据变化时,会执行handler方法
    changeData: {
      handler() {
       //do something...
      },
    },
  },
};
</script>

<style lang="scss" scoped>
</style>

思路：
把vue对象实例的多个属性写到一个对象里，然后监听这个对象即可。