如何在vuejs中打开div标签点击按钮？

data() {
  return {
    isDivOpen: false
  }
}

<div v-if="isDivOpen">
  <!-- div的内容 -->
</div>

<button @click="isDivOpen = !isDivOpen">点击按钮</button>

<template>
  <div>
    <button @click="isDivOpen = !isDivOpen">点击按钮</button>
    <div v-if="isDivOpen">
      <!-- div的内容 -->
    </div>
  </div>
</template>

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