用vue写一个切换不同内容的

你好！下面是一个使用Vue写的切换不同内容的示例：

在模板中，可以通过v-if和v-else指令来切换不同的内容。比如，下面的示例中，当isActive为true时，会显示"内容1"，否则会显示"内容2"：

<template>
  <div>
    <div v-if="isActive">内容1</div>
    <div v-else>内容2</div>
    <button @click="toggleActive">切换</button>
  </div>
</template>

在Vue实例中，需要定义isActive变量，并在toggleActive方法中切换它的值：

<script>
export default {
  data() {
    return {
      isActive: true
    }
  },
  methods: {
    toggleActive() {
      this.isActive = !this.isActive
    }
  }
}
</script>

这样，当点击"切换"按钮时，isActive的值会切换，从而切换显示的内容。