Vue @Watch不会在布尔更改上触发

Vue的@Watch是一个观察属性变化的装饰器，可以用来监听数据的变化并执行相应的操作。然而，在布尔类型的属性变化时，@Watch可能不会触发。

具体原因是，Vue默认对基本数据类型（包括布尔类型）进行的是浅比较。当一个布尔类型的属性被修改时，其实际的值并没有发生变化，只是从true变为了false，或者从false变为了true。这种情况下，Vue无法通过浅比较来检测到属性的变化，因此@Watch不会被触发。

解决这个问题的方法是使用Vue提供的深度观察（deep watch）。通过设置deep: true选项，可以告诉Vue对属性进行深度观察，即使属性的值没有变化，也能够被@Watch捕捉到。

下面是一个使用@Watch进行深度观察的示例代码：

import { Vue, Component, Watch } from 'vue-property-decorator';

@Component
export default class MyComponent extends Vue {
  myBooleanProperty = false;

  @Watch('myBooleanProperty', { deep: true })
  onMyBooleanPropertyChanged(value: boolean, oldValue: boolean) {
    // 在这里执行属性变化时的操作
  }
}

在上述示例中，@Watch装饰器会在myBooleanProperty属性发生变化时触发onMyBooleanPropertyChanged方法。通过设置deep: true选项，Vue会对myBooleanProperty进行深度观察，确保在布尔更改时也能正确触发@Watch。

Vue官方文档对@Watch的详细说明可以参考：Vue - Watch。对于Vue的其他特性和功能，你可以在腾讯云的云计算产品中找到相关的解决方案。