V-if指令在变量改变时没有动态更新。

可以使用Vue中的计算属性来解决这个问题。计算属性会在它所依赖的变量发生改变时自动更新。

示例代码如下：

<template>
  <div>
    <button @click="toggle">Toggle Boolean</button>
    <div v-if="reversedBool">{{ message }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      bool: true,
      message: 'This is some text'
    }
  },
  computed: {
    reversedBool() {
      return !this.bool
    }
  },
  methods: {
    toggle() {
      this.bool = !this.bool
    }
  }
}
</script>

在上面的示例代码中，我们使用了一个计算属性reversedBool来自动反转bool变量的值。在v-if中使用计算属性reversedBool，而不是直接使用bool变量，可以让v-if指令自动更新。