vue.js使用v预与v-html输出超文本标记语言操作示例

本文实例讲述了vue.js使用v预与v-html输出超文本标记语言操作。分享给大家供大家参考，具体如下：

！doctype html html lang=' en ' head meta charset=' UTF-8 ' meta name=' viewport ' content=' width=设备宽度，用户可缩放=否，初始比例=1.0,最大比例=1.0,最小比例=1.0 ' meta http-equiv=' X-UA-Compatible '内容=' ie=edge ' titlewww.jb51.net vue。射流研究…输出HTML/标题！-vue。js-script src=' http :https://cdn。bootscs。com/vue/2。5 .16/vue。量滴js '/script/headdydiv id=' app '！- # 如果想显示{{ }}标签，而不进行替换，使用v预即可调过这个元素和它的子元素的编译过程#-span v-pre { }这里的内容不会被编译} }/span span v-html=' link '/span/div/body/html脚本var myData={ link : ' a href=' # ' rel=' external no follow '这是一个连接/a ' }；var app=new Vue({ el:'#app，data : mydata })/脚本使用本站HTML/CSS/JS在线运行测试工具：http://tools.jb51.net/code/HtmlJsRun，可得到如下测试运行效果：

希望本文所述对大家vue.js程序设计有所帮助。