Vue3 项目中引入 html 页面，通常是需要实现 跳转 加载 html 页面的功能。之前为了实现需求查找解决方法时多数推荐使用 iframe 标签实现，尝试后发现 iframe 是将 html 页面嵌入到 vue 中，不符合自身的需求。总结方法如下：

1. 导入文件

将需要导入的文件（单个文件或是项目）放置于 public/static 目录下，如图：

 2. 添加跳转链接

需要跳转的位置添加跳转链接，推荐两种方式代码如下：

 跳转
 跳转

3.html 文件编辑

（1）如果是现有的文件，不需进行编辑，则直接引入即可，如下：

  
    
    
    
    
  
  
    
引入的 html 文件
    
  

（2）若在 html 页面中使用 vue 项目封装的方法，或是获取后台数据，原生的 Ajax 不方便时可使用 axios 来实现，代码如下：

  
    
    
    
    
  
  
    

      
{{data.name}}
      
    
  

注意：添加 id 是必不可少的，id 值可以按照自己的想法来修改。

感谢支持！！！