在vue中设置按钮切换是非常简单的。我们可以通过数据绑定的方式来实现按钮状态的转换。以下是一段实现按钮切换的代码示例。

//html部分
< template >
  < div >
    < button @click="toggle">切换 button >
    < p v-if="show">显示内容 p >
   div >
< /template >

//js部分
< script >
export default {
  data() {
    return {
      show: false
    }
  },
  methods: {
    toggle() {
      this.show = !this.show
    }
  }
}
< /script >

在上面的例子中，我们在data中定义了一个布尔类型的状态show，并初始化为false。通过按钮的@click事件触发toggle方法，该方法直接将show取反，达到了切换的效果。

在模板中使用v-if指令，当show为true时渲染显示内容，反之则不显示。这种方式既简单易用，又能够减少不必要的页面渲染，提高性能。

以上就是使用vue实现按钮切换的方法，希望对大家有所帮助。在实际开发中，我们可以根据实际需求灵活运用此方法，实现更多丰富有趣的交互效果。