将vue使用iframe嵌套至html中使用(页面交互传值)
原因： 同源安全策略 你不能用javascript访问一个iframe，如果你能做到这一点，那将是一个巨大的安全缺陷。对于同一源策略浏览器，阻止脚本尝试访问具有不同源的帧。
新建html文档，然后在head标签中引入vue的js文件，这里以引入cdn文件为例。
使用 iframe 嵌套 iframe 可能会导致整个页面被定向覆盖的原因可能是出现了类似于网站钓鱼（Phishing）的行为。
vue组件中怎么引入html文件
在Vue要使用文件上传，找到一个bootstrap编写好的demo，打算直接用，嵌入vue中。demo主要使用jquery和webuploader，jquery和webuploader引用是使用script引入的。要兼容现在的Vue项目。
在项目文件夹npmrunserve出现这个内容表示项目启动完成，vue里面的html页面放在public文件夹里面。首先在static或public文件夹下，新建html页面。其次进入项目文件夹，在cmd命令行运行命令。
建议少于 2k node 简单的原因是因为 angular 会监控 $scope properties 的变动然后去 render templates，比如更新 {{username}}。
原始的router引入的改成VueRouter。然后引入之前新建好的两个.vue文件。记得要use一下。最后创建一个router实例。第一个path / 表示的意思是默认路由进来的组件。也就是router到了这里就差最后一步了。回到app.vue。
js在特定位置动态添加html可以利用HTML DOM appendChild() 方法。
怎么把html嵌入vue
1、首先在vue页面里面通过iframe 的形式引用 注意 ref的值和 name的值我这里保持一致了，接下来都会有用到。
2、在html中定义vue作用域需要引入script。需要在需要新建一个HTML页面，在页面中引入下面的script标签，这里引用的是开发版本，带有报错提示，便利查找错误。新建一个script标签，newVue实例。
3、用法：使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。
如何利用Vue.js库中的v-html指令添加html元素
js在特定位置动态添加html可以利用HTML DOM appendChild() 方法。
建议少于 2k node 简单的原因是因为 angular 会监控 $scope properties 的变动然后去 render templates，比如更新 {{username}}。
解决这个问题的方法如下：双击打开HBuilder工具，新建静态页面vhtml.html，并引入vue.js文件。在body/body标签元素插入一个div和input输入框标签，添加v-model和v-html指令。
不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。
在body标签中添加一个id为“app”的div标签。在这个div标签中再添加一个div标签，在vue中添加一个变量数据。用浏览器打开html文档，这时可以在页面中看到被v-html指令添加的html元素。