vue点击按钮显示隐藏

要在Vue中实现点击按钮显示和隐藏的功能，可以使用v-bind指令绑定一个Boolean类型的数据，然后使用v-if或v-show指令来控制元素的显示和隐藏。以下是一个简单的示例代码：

<template>
  <div>
    <button @click="show = !show">显示/隐藏</button>
    <p v-if="show">这是要显示的内容</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      show: false
    }
  }
}
</script>

在上面的代码中，我们首先定义了一个Boolean类型的数据show，并将其初始化为false。然后在按钮上绑定了一个点击事件，当按钮被点击时，我们将show的值取反，即从false变为true或从true变为false。最后在p元素上使用了v-if指令来判断show的值，如果为true，则显示该元素，否则隐藏该元素。