v-text:转义输出
v-html:不转义输出
值得一说的是 如果直接使用{{html}}的话会直接转义
看代码:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue.js 使用 v-text 和 v-html </title> <script src="vue.js"></script> </head> <style> </style> <body> <div id="ask"><!--vue不能控制body和html的标签--> <div v-html="html"></div><!--不转义输出--> <div v-text="html"></div><!--转义输出--> </div> <script> var app = new Vue({ //实例化vue el:'#ask',//vue控制id为ask的元素, data:{ title:'', html:'<h1 style="color: red">mykeji</h1>' } }); </script> </body> </html>