vue动态添加组件

在 Vue 中，可以使用动态组件来动态添加组件。具体步骤如下：

1. 在父组件中定义动态组件，使用 `component` 标签，并传入一个变量作为组件名：

<component :is="componentName"></component>

2. 在父组件中定义一个变量，用于保存当前需要渲染的组件名：

data() {
  return {
    componentName: ''
  }
}

3. 在需要添加组件的地方，通过修改 `componentName` 变量来动态切换组件：

this.componentName = 'MyComponent'

4. `MyComponent` 是指要添加的组件名，在父组件中必须先注册该组件：

import MyComponent from './MyComponent.vue'

export default {
  components: {
    MyComponent
  },
  // ...
}

5. 最后，当需要卸载组件时，可以将 `componentName` 变量设置为空字符串或 `null`：

this.componentName = ''

这样就可以在 Vue 中实现动态添加组件了。