vue如何不用路由动态加载组件

Vue 支持动态加载组件的方法有多种，其中一种不使用路由的方法是使用 Vue 的动态组件功能。

您可以通过在 Vue 实例的 data 选项中定义一个变量来动态更改加载的组件，并在模板中使用该变量作为组件名称。

以下是一个示例：

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

<script>
export default {
  data() {
    return {
      currentComponent: 'component-a'
    }
  },
  components: {
    'component-a': {
      template: '<div>This is component A</div>'
    },
    'component-b': {
      template: '<div>This is component B</div>'
    }
  }
}
</script>

在以上代码中，我们定义了一个名为 currentComponent 的变量，该变量控制在模板中展示哪个组件。我们可以通过修改该变量的值来切换加载的组件。