数字化管理平台 Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus 权限系统-商城 个人博客地址 一、动态组件 通过内置组件 的 is 属性，动态指定需要显示的组件。 动态组件实现 Tab 切换的效果： 演示代码： 二、递归组件 递归组件类似于递归函数，就是在当前组件内调用组件本身。一般情况下，不需要 import 引入直接使用即可。 2.1 递归组件演示 2.2 定义组件别名 采用选项式API语法多写一个 script 去通过 name 注册一个组件别名，当前组件内调用这个组件别名。 unplugin-vue-define-options插件定义组件别名 Element Plus 源码使用这个插件来对组件名进行注册，所以我们完全可以放心的使用。 1. 安装插件 npm install unplugin-vue-define-options -D 2. vite.config.js 文件添加插件 import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import DefineOptions from 'unplugin-vue-define-options/vite'; // https://vitejs.dev/config/ export default defineConfig({ plugins: [vue(), DefineOptions()], }); 3. 配置完成后，就可以在组件中直接使用了