VueJS为循环中的元素切换真/假？

<template>
  <div>
    <button @click="toggle">切换元素</button>
    <div v-if="showElement">
      <!-- 要切换的元素 -->
      <p>这是要切换的元素</p>
    </div>
  </div>
</template>

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