Vue项目中如何引入外部HTML文件？

简单来说，当 Vue 项目注入外部 HTML 时，必须将其打包在 npm 包本身中或者使用 iframe 直接暴露给公众。

打包在npm包中： 1 . 创建一个独立的项目，将HTML及相关资源放入其中。
2 . 在 package.json 中定义输入文件和依赖项。
3 . 发布到npm。
4 .使用npm安装Vue项目并加载到组件中。

直接报价： 1 . 将 HTML 文件放在 public/ 目录中。
2 . 使用 iframe 将其添加到您的 Vue 组件中。

注意：
资源路径必须正确。

需要解决跨域问题。

iframe交互使用postMessage。

简单的项目直接链接，而复杂或可复用的项目则打包成npm包。
如果路径不正确导致脚本无法运行，请自行检查路径和依赖关系。

Vue中如何引入和使用外部HTML文件以及如何将HTML打包成npm包？

将外部 HTML 文件引入 Vue 项目：方法 1 ，使用