一、iframe是什么

iframe就是我们常用的iframe标签：iframe标签是框架的一种形式，也比较常用到，iframe一般用来包含别的页面，例如我们可以在我们自己的网站页面加载别人网站或者本站其他页面的内容。iframe标签的最大作用就是让页面变得美观。

二、iframe的用法

首先需要了解iframe标签的写法，和大多HTML标签写法相同，iframe标签输入形式为： < iframe >和< /iframe >。以< iframe >开头，以< /iframe >结尾，将需要的文本内容添加到两个标签之间即可。iframe标签内的内容可以做为浏览器不支持iframe标签时显示。

 //  width插入页的宽；height插入页的高；scrolling  // 是否显示页面滚动条（可选的参数为auto、yes、no，如果省略这个参数，则默认为auto）； // frameborder  边框大小；复制代码

三、vue中嵌入iframe (demo)

在vue中嵌入iframe，并用监听的方式实现vue页面与iframe页面之间的数据绑定

index.html    
        
        
        
    
    
     
        
      
假设这里是配置，随便输入点东西
        
          
     
    
     
        
      
这里是生成的最终HTML
    
     
    
     
    
显示的iframe
 
    复制代码

        
        
        
            
    
    
     
      {
   { config.text }}
     
    
复制代码

复制代码