使用 {{ 变量 }} 的方式在HTML 中添加值, 此时变量会以字符串的形式显示,那么如果我们想添加的变量对应的是一个 HTML 标签,应该如何操作呢?
<p id="app">Using mustaches: <span v-html="rawHtml"></span></p>
<script type="text/javascript">
var vm = new Vue({
el: '#app',
data: {rawHtml: "<span style='color: red'> This shold be red</span>",}
})
</script>
页面显示: