vue :max使用监听属性

在 Vue 中，可以通过使用 `$watch` 方法来监听一个属性的变化，该方法需要传入两个参数，第一个参数是需要监听的属性名，第二个参数是一个回调函数，用于在属性变化时执行特定的操作。而对于 max 值的监听，我们可以使用 `$watch` 监听多个属性，然后在回调函数中计算出最大值。

具体实现可以参考下面的代码示例：

// 在 Vue 实例中定义需要监听的属性和计算属性
data: {
  value1: 0,
  value2: 0,
  value3: 0,
  maxValue: 0
},
computed: {
  // 计算属性，用于计算最大值
  // 该计算属性依赖于三个 value 属性
  // 当 value 属性变化时，该计算属性会自动更新最大值
  calcMaxValue: function() {
    return Math.max(this.value1, this.value2, this.value3);
  }
},
watch: {
  // 使用 $watch 监听三个 value 属性的变化
  // 当任何一个 value 属性变化时，更新最大值属性
  value1: function() {
    this.maxValue = this.calcMaxValue;
  },
  value2: function() {
    this.maxValue = this.calcMaxValue;
  },
  value3: function() {
    this.maxValue = this.calcMaxValue;
  }
}

在上面的代码中，我们使用了一个计算属性 `calcMaxValue` 来计算最大值，该计算属性依赖于三个 value 属性。然后我们使用 `$watch` 方法来监听三个 value 属性的变化，当任何一个 value 属性变化时，就会重新计算最大值并更新 `maxValue` 属性。