使用 vue 中 v-if 和 v-else 遇到的小问题

<template>
  <div v-if="aaa" @click="aaa=false" ref="aaa">aaaaaaa</div>
  <div class="bbb" v-else></div>
</template>

<script>
  mounted() {
    const ele = this.$refs.aaa
    // 这里有个定时器，操作着这个 ele 的 innerText
}

我发现，点击了aaa之后，这个元素确实隐藏了，
但是神奇的是：bbb的innerHtml变成了aaa的。。。

解决方法1

bbb这个元素不写class

<template>
  <div v-if="aaa" @click="aaa=false" ref="aaa">aaaaaaa</div>
  <div v-else></div>
</template>

解决方法2

bbb这个元素不用<div>做标签

<template>
  <div v-if="aaa" @click="aaa=false" ref="aaa">aaaaaaa</div>
  <section v-else></section>
</template>

有同学知道这是什么原因吗。。？