Vue 支持动态加载组件的方法有多种,其中一种不使用路由的方法是使用 Vue 的动态组件功能。
您可以通过在 Vue 实例的 data 选项中定义一个变量来动态更改加载的组件,并在模板中使用该变量作为组件名称。
以下是一个示例:
<template>
<div>
<component :is="currentComponent"></component>
</div>
</template>
<script>
export default {
data() {
return {
currentComponent: 'component-a