vue中v-if影响同级audio标签播放？
### 问题描述
#### 以下是部分代码
```
  <audio class="basic-audio" :src="audio" autoplay="autoplay" @ended="ended"></audio>

  <div class="content-region" v-if="chooseCard">
      <el-row type="flex" v-for="(item,index) in contentList" :key="index" >
          <el-col class="content-lattice"   v-for="(item,index1) in item"  :key="index1">{{item.name}}</el-col>
      </el-row>
  </div>
```
可以了解一下`vue`中`diff`算法相关的实现。比如这篇文章。
这种情况应该会出现于`audio`前后（不仅限于相邻）的兄弟节点中都存在`v-if`的情况。
因为`vue`中`diff`是基于同层级比较的，并且`updateChildren`方法中的`VNode`比较是从节点左右两侧向中间靠拢的，所以当`audio`前后都存在`v-if`时，`virtual dom`重新渲染时，会将`audio`这个`dom`进行移动，所以实际上`audio`是会被从父节点移除然后再重新加入（可以通过给`audio`绑定`DOMNodeRemoved`来验证）。
由于`audio`被移除过，所以播放会被停止。至于`v-show`没有此问题，是因为`v-show`前后`dom`结构未发生改变。