Vue.js 在父组件中使用v-if和在子组件上使用v-if有何不同'；树根？

假设我们有两个组件-

和

，子组件必须有条件地呈现。在呈现子元素的父元素中使用

v-if

与在根元素的子元素中使用它之间有区别吗

执行条件呈现的父级：

<!-- Parent.vue -->
<div>
  <Child v-if="displayChild' />
</div>

<!-- Child.vue -->
<div>
  ...
</div>

<!-- Parent.vue -->
<div>
  <Child />
</div>

<!-- Child.vue -->
<div v-if="displayChild">
  ...
</div>

我假设将
v-if
保留在父级中可以防止子组件的生命周期不被调用，因为子组件没有呈现，然而，将其放入子组件需要在处理
v-if
之前加载子组件？
我认为将
v-if
保留在父组件中可以防止子组件的生命周期被调用，因为子组件未呈现，而将其放入子组件需要在处理
v-if
之前加载子组件