1. v-text
+ v-text 属性可以更新元素的 textContent .
+ 在内部, {{ Mustache }} 插值也被编译为 textNode 的一个 v-text 指令
<div id="app">
<span v-text = 'msg'></span><br/>
<span> {{ msg }} </span>
</div>
var vm = new Vue({
el: '#app',
data: {
msg: 'hello vue'
}
})
2.v-html
+ v-html 指令可以更新元素的 innerHtml 。内容按普通 html 插入 – 数据绑定被忽略。
如果想复用模板片段,则应当使用 partials
+ 在内部 {{{ Mustache }}} 插值也会被编译为锚节点上的一个 v-html 指令
+ 注意:不建议在网站上直接动态渲染任意 html 片段,很容易导致 XSS 攻击
<div v-html = 'html'></div>
<!--等价于-->
<div>{{{ html }}}</div>