vue中的异步组件和v-if有什么不同？

对于v-if来说，可以用它来控制组件的生成和销毁，那么对于父子模块来说，如果我想要让子组件满足一定条件下再进行创建，可以使用v-if的方式，通过日志可以发现，子组件只有在condition为true的时候才会加载父组件中

<Content/>
<div v-if="condition">
  <Child/>
</div>

import Child from './Child'
components: {
    Child
}

那么，我看网上帖子，对于异步组件，为什么还要使用动态导入的方式做进一步处理呢？vue2

<Content/>
<div v-if="condition">
  <Child/>
</div>

components: {
    Child: () => import("./Child")
}

这两种方式有什么区别吗？它们实现的效果不都是父组件先加载Content组件，当condition为true的时候，再去加载Child组件吗?

参考链接异步组件vue官方文档-异步组件