## 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