vue2中怎么动态组件动态引入

在Vue2中，可以使用`<component>`元素结合动态组件的`is`特性来实现动态引入组件。具体步骤如下：

1. 在Vue组件中定义一个`components`对象，其中键为组件名，值为组件对象。
2. 在模板中使用`<component>`元素，并将`is`特性绑定到一个变量，该变量的值为要引入的组件名。
3. 在Vue实例中，定义一个变量，用于存储要引入的组件名。
4. 通过修改变量的值，动态改变引入的组件。

示例代码如下：

<!-- 模板中使用 <component> 元素 -->
<component :is="currentComponent"></component>

// 在Vue组件中定义 components 对象
const ComponentA = {
  template: '<div>Component A</div>',
};
const ComponentB = {
  template: '<div>Component B</div>',
};

export default {
  components: {
    ComponentA,
    ComponentB,
  },
  data() {
    return {
      currentComponent: 'ComponentA',
    };
  },
  methods: {
    toggleComponent() {
      this.currentComponent = this.currentComponent === 'ComponentA' ? 'ComponentB' : 'ComponentA';
    },
  },
};

在上述示例中，当点击某个按钮时，会触发`toggleComponent`方法，从而动态改变引入的组件。