v-html指令的作用是：設定元素的innerHTML
內容中有html結構會被解析為標籤
v-text指令無論內容是什麼，只會解析為文字。
解析文字使用v-text，需要解析html結構使用v-html
程式碼：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script></head><body><div id="app"><h1 v-html="msg"></h1></div><script> var app = new Vue({ el:"#app", data:{ msg:"<p style='color: red'>hello world</p>" } })</script></body></html>結果：
最新評論