vue组件不刷新的问题

问题描述：
A 组件里有一个子组件B
解决方案：
在引用B组件的地方加v-if 相当于刷新B组件
下面是简化的代码：

//父组件A
<template>
  <div class="divBox">
    <button @click="openChild">openChild</button>
    <button @click="closeChild">closeChild</button>
    <child-vue ref="childVue" v-if="showChild"></child-vue>
  </div>
</template>

<script>
import childVue from "./childVue";
export default {
  components: { childVue },
  data() {
    return {
      showChild: false
    };
  },
  methods: {
    openChild() {
      this.showChild = true;
    },
    closeChild(){
      this.showChild = false;
    }
  },
};
</script>
//子组件B
<template>
  <div class="childVue">childVue</div>
</template>