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

Posted 2023-02-21 Rose✿留白ق೨

直接上代码：

<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对象实例的多个属性写到一个对象里，然后监听这个对象即可。