2.純HTML
雙大括號(hào)會(huì)將數(shù)據(jù)解釋為純文本,而非HTML。為了輸出真正的HTML,你需要使用v-html指令:
被插入的內(nèi)容都會(huì)被當(dāng)做HTML ——數(shù)據(jù)綁定會(huì)被忽略。注意,你不能使用v-html來(lái)復(fù)合局部模板,因?yàn)?a target="_blank" rel="nofollow">Vue不是基于字符串的模板引擎。組件更適合擔(dān)任UI重用與復(fù)合的基本單元。
你的站點(diǎn)上動(dòng)態(tài)渲染的任意HTML可能會(huì)非常危險(xiǎn),因?yàn)樗苋菀讓?dǎo)致XSS攻擊。請(qǐng)只對(duì)可信內(nèi)容使用HTML插值,絕不要對(duì)用戶提供的內(nèi)容插值。
下面我們通過使用v-html指令用于輸出html代碼:
在頁(yè)顯示結(jié)果