登录
首页 >  文章 >  前端

如何在 Vue 3 中加载远程组件

时间:2025-01-16 18:19:19 399浏览 收藏

各位小伙伴们,大家好呀!看看今天我又给各位带来了什么文章?本文标题《如何在 Vue 3 中加载远程组件》,很明显是关于文章的文章哈哈哈,其中内容主要会涉及到等等,如果能帮到你,觉得很不错的话,欢迎各位多多点评和分享!

最近在开发一个 Vue 3 低代码项目时,遇到了加载远程组件的需求。这些组件名称不固定,存储在数据库中,需要通过 API 获取组件信息来确定可用组件。本文将探讨两种解决方案,并重点分析在 Vue 3 项目中加载 ESM/UMD 组件时遇到的问题及解决方案。

方案一:HTML 文件加载 UMD 组件

最简单的方案是将组件打包成 UMD 格式,然后在 HTML 文件中直接使用