Vue.js 动态隐藏按钮：使用 v-if 指令实现点击后隐藏

<template>
  <div>
    <button v-if="showButton" @click="hideButton">隐藏按钮</button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      showButton: true
    }
  },
  methods: {
    hideButton() {
      this.showButton = false;
    }
  }
}
</script>