Vue Getter无法捕获整数参数变化？技术求助

Vuex的Getter完全可以捕获整数类型状态的变化，你的问题出在watch的配置错误以及对基本类型监听的理解上，和Getter本身无关。

核心原因分析 #

• 当state.volume是整数（基本类型）时，你给watch配置了deep: true，但基本类型没有深层属性，deep监听对它完全无效，反而可能干扰了正常的监听逻辑，导致handler从未触发。
• 当你把state.volume改成对象类型后，deep: true开始生效——因为对象存在深层属性可以追踪，所以watch的handler能正常执行。

解决方案 #

保留state.volume的整数类型，去掉watch配置中的deep: true即可：

// vloume.vue 中的watch配置修改为
watch: {
  "volumeGetter": {
    // 移除 deep: true
    handler(newValue, oldValue) {
      this.inputVolume = newValue;
    }
  }
}

或者更简洁的写法：

watch: {
  volumeGetter(newValue, oldValue) {
    this.inputVolume = newValue;
  }
}

补充说明 #

1. Vue的watch对基本类型（数字、字符串、布尔等）默认就能监听值的变化，deep选项仅用于监听对象/数组内部属性的修改。
2. 确认你的mutation逻辑中，devices.volume确实是与原有state.volume不同的有效值——如果前后值没有变化，watch自然不会触发。

内容的提问来源于stack exchange，提问作者ssroreo