当变量在vue之外被改变时，为什么Vue看不到布尔变量的改变？

当变量在Vue之外被改变时，Vue无法感知布尔变量的改变的原因是因为Vue的响应式系统是基于JavaScript的对象属性的getter和setter实现的。当Vue实例创建时，它会将数据对象中的属性转换为getter和setter，以便在属性被访问和修改时触发相应的更新。但是，Vue无法劫持到变量在Vue之外的改变，因为它无法追踪到这些变量的getter和setter。

为了解决这个问题，可以使用Vue提供的$set方法来手动通知Vue某个属性的改变。$set方法接收三个参数：对象、属性名和属性值。通过调用$set方法，Vue会将属性转换为响应式的，并触发相应的更新。

以下是一个示例代码：

// 在Vue之外改变变量
myBoolean = true;

// 使用$set方法通知Vue属性的改变
this.$set(this, 'myBoolean', myBoolean);

在上述代码中，我们首先在Vue之外改变了变量myBoolean的值，然后使用$set方法通知Vue该属性的改变。这样，Vue就能够感知到该属性的改变并进行相应的更新。

需要注意的是，$set方法只能用于已经被Vue实例化的对象上。对于未被Vue实例化的对象，可以考虑使用Vue.observable方法将其转换为响应式对象。

关于Vue的响应式系统和$set方法的更多详细信息，可以参考腾讯云的Vue.js官方文档：Vue.js官方文档。