VUE导入

该组件允许在低代码平台中动态导入并渲染位于指定目录下的 Vue 组件，适用于需要灵活扩展 UI 能力、复用已有业务组件或集成第三方封装组件的场景。

💡 导入组件必须位于 vueImport 组件目录下的src目录，如需导入其他目录需修改代码自行扩展。

基础属性

属性名	类型	默认值	说明
importName	string	--	导入组件路径 相对路径，基于 vueImport/src/ 目录（如 HelloTestA 或 hello/HelloTestC）

高级属性

属性名	类型	默认值	说明
scope（绑定为 scope）	any	--	绑定组件数据 导入的组件可通过 props.scope 接收此数据，用于动态传参或上下文传递

运行机制

• 组件发现：通过 import.meta.glob(['./src/**/*.vue'], { eager: false }) 预扫描 vueImport/src/ 下所有 .vue 文件，建立路径映射；
• 按需加载：当 importName 变更时，自动拼接为 ./src/${importName}.vue 并异步加载对应组件；

示例

<template>
    <el-text>VueImport导入:{{ scope.username }}</el-text>
</template>
<script lang="ts" setup>
defineProps<{ scope?: any }>()
</script>