是通过使用Vue的动态组件来实现的。动态组件允许我们根据不同的条件渲染不同的组件。

在Vue中，我们可以使用v-bind指令来动态绑定组件的名称。具体步骤如下：

1. 在Vue实例中定义一个变量，用于存储要传递的div名称，例如：data() { return { divName: 'my-div' } }
2. 在模板中使用动态组件，并将div名称绑定到组件的名称上，例如：<component :is="divName"></component>
3. 当需要改变div名称时，可以通过修改divName变量的值来实现，例如：this.divName = 'another-div';

这样，Vue会根据divName的值来动态渲染相应的组件。

关于Vue的动态组件和组件绑定的更多信息，可以参考腾讯云的Vue.js官方文档：

Vue.js官方文档

请注意，以上答案仅供参考，具体实现方式可能会根据具体项目和需求而有所不同。