Vue.js官方文檔中,對于插值有如下兩種寫法:
1.文本
1){{data.head}}
2)) <div v-text="data.head"></div>
2.純HTML
1){{data.head}}
2)<div v-html="data.head"></div>
如果data:{
head:"this is a item's head, the head's name is red!"
}
兩種渲染之后的結(jié)果分別是
純文本:
this is a item'shead, the?head's?name is red!
HTML:
this is a item's?head, the?head's?name is red!
但是發(fā)現(xiàn)純html中的em樣式并沒有被渲染出來耀盗,想了幾種可能性,最后問題定位到
嘗試去掉style 中 scoped屬性后卦尊,問題解決
有兄弟在sf中這樣解釋