隐藏子组件Vue中的主div

<template>
  <div>
    <button @click="toggleDiv">Toggle Div</button>
    <div v-if="showDiv">这是要隐藏的主div</div>
  </div>
</template>

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

<template>
  <div>
    <button @click="toggleDiv">Toggle Div</button>
    <div v-show="showDiv">这是要隐藏的主div</div>
  </div>
</template>

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