本文实例讲述了vue.js使用v-pre与v-html输出HTML操作。分享给大家供大家参考,具体如下:
& lt; !doctype html>
& lt; html lang=癳n”比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; meta name=" viewport "
内容="宽度=设备宽度,user-scalable=不,初始=1.0,最大范围=1.0,最小规模=1.0”比;
& lt;元http-equiv=癤-UA-Compatible”内容=癷e=边缘”比;
& lt; title> www.jb51.net vue.js输出HTML
& lt; !——Vue。js——比;
& lt;脚本src=" https://cdn.bootcss.com/vue/2.5.16/vue.min.js "祝辞& lt;/script>
& lt;/head>
& lt; body>
& lt; div id=坝τ谩北?
& lt; !——#如果想显示{{}}标签,而不进行替换,使用v-pre即可调过这个元素和它的子元素的编译过程#——比;
& lt;跨越v-pre>{{这里的内容不会被编译}}& lt;/span>
& lt;跨越v-html=傲唇印弊４? lt;/span>
& lt;/div>
& lt;/body>
& lt;/html>
& lt; script>
var myData=https://www.yisu.com/zixun/{
链接:“& lt; a href=" https://www.yisu.com/zixun/" rel=巴獠縩ofollow”在这是一个连接& lt;/a>”
};
应用var=new Vue ({
埃尔:“#应用”,
数据:myData
}）
& lt;/script>
之前
使用本站http://tools.jb51.net/code/HtmlJsRun,可得到如下测试运行效果:
希望本文所述对大家vue.js程序设计有所帮助。
