Vue 点击切换布尔值：实现按钮状态的动态改变

<template>
  <button v-on:click="toggleValue">{{ isTrue ? 'True' : 'False' }}</button>
</template>
<script>
export default {
  data() {
    return {
      isTrue: false
    };
  },
  methods: {
    toggleValue() {
      this.isTrue = !this.isTrue;
    }
  }
};
</script>
<p>本文将详细介绍如何使用Vue.js实现点击按钮切换布尔值的功能。我们将通过一个简单的示例代码演示如何使用<code>v-on:click</code>指令和数据绑定来实现这一功能，并解释代码的逻辑。</p>