我需要知道vue2中的 component动态组件的使用方法

在Vue2中，可以使用component标签来动态加载组件。具体使用方法如下：

1. 在父组件中定义一个变量，用于存储要加载的子组件的名称。

2. 在父组件的template中使用component标签，并将is属性绑定到变量上。

3. 在父组件中定义多个子组件，并在子组件中设置name属性。

4. 当需要加载某个子组件时，只需修改父组件中的变量即可。

示例代码如下：

<template>
<div>
<component :is="currentComponent"></component>
</div>
</template>

<script>
import ComponentA from './ComponentA.vue'
import ComponentB from './ComponentB.vue'

export default {
data() {
return {
currentComponent: 'ComponentA'
}
},
components: {
ComponentA,
ComponentB
}
}
</script>

在上面的代码中，我们定义了两个子组件ComponentA和ComponentB，并在父组件中使用component标签来动态加载子组件。当前加载的子组件名称存储在currentComponent变量中，初始值为'ComponentA'。

如果需要加载ComponentB组件，只需修改currentComponent变量的值即可：

this.currentComponent = 'ComponentB'

这样就可以动态加载不同的组件了。