## v-html **类型:** string **用法:** 更新元素的 innerHTML 。 >[danger]注意:内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译 。 如果试图使用 v-html 组合模板,可以重新考虑是否通过使用组件来替代。 >[danger] 在网站上动态渲染任意 HTML 是非常危险的,因为容易导致 XSS 攻击。只在可信内容上使用 v-html,永不用在用户提交的内容上。 ----- >[info]示例 ~~~ <div v-html="html"></div> ~~~ >[success]代码示例1 ~~~ <div id="demo" v-html="msg"></div> <script> var app=new Vue({ el:'#demo', data:{ msg:'<img src="logo.png">' } }); </script> ~~~ >[success]预览:https://ityanxi.github.io/Vue-tutorial/chapter04/02v-html1.html --- >[success]代码示例2 ~~~ <div id="demo" v-html="msg"></div> <script> var app=new Vue({ el:'#demo', data:{ msg:'<h1>Vue从入门到实战</h1>' } }); </script> ~~~ >[success]预览:https://ityanxi.github.io/Vue-tutorial/chapter04/02v-html2.html