uniapp 子组件始终会被渲染时怎么回事？

Question

uniapp开发微信小程序的时候
父组件：

<div class="container">
  <componentA />
</div>

子组件componentA:

<template>
  <div v-if="isShow">
     xxxxxxxx
  </div>
</template>

如果子组件的isShow=false时，理论上父组件container里不应该有元素的，可现在依然会渲染出类似这样的：

<div class="container">
  <component>#shadow-root</component>
</div>

怎么避免？

Answer 1

<div class="container"></div>理解成你的钱包,
<componentA />理解成你的银行卡,
<div v-if="isShow"></div>理解成你银行卡的余额,
虽然你银行卡余额没了,但是你银行卡还在你钱包里的啊