vue3中点击一个按钮，显示不同内容

可以通过条件渲染来实现，根据按钮的点击事件改变数据的值，然后使用v-if或v-show指令来控制不同内容的显示和隐藏。代码示例如下：

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

<script>
export default {
  data() {
    return {
      showContent: true
    };
  }
};
</script>

在上面的代码中，我们创建了一个按钮，然后使用v-if和v-else指令来控制两段不同的内容的显示。按钮点击事件会触发showContent数据的值的改变，从而实现不同内容的切换。