如何在Vue框架中实现点击按钮切换div的内容？

在Vue框架中实现点击按钮切换div的内容可以通过使用数据绑定和事件监听的方法来完成。以下是基本的实现步骤：

1. 定义Vue实例并设置一个数据属性，例如`showContent`，用来控制div内容的显示与隐藏。
2. 在模板中使用`v-if`或`v-show`指令来根据`showContent`的值显示或隐藏div。
3. 在模板中添加一个按钮，并使用`v-on`指令绑定一个点击事件处理器，当按钮被点击时，切换`showContent`的值。

下面是一个简单的示例代码：

<div id="app">
  <button v-on:click="toggleContent">点击切换内容</button>
  <div v-if="showContent">
    这是被切换的内容。
  </div>
</div>

<script>
new Vue({
  el: '#app',
  data: {
    showContent: false
  },
  methods: {
    toggleContent: function() {
      this.showContent = !this.showContent;
    }
  }
})
</script>

在这个例子中，`showContent`的初始值被设置为`false`，这意味着div内容默认是隐藏的。当用户点击按钮时，`toggleContent`方法被触发，该方法通过改变`showContent`的值来切换div的显示状态。