1. v-text
v-text是用于操作纯文本,它会替代显示对应的数据对象上的值。此处为单向绑定,数据对象上的值改变,插值会发生变化;但是当插值发生变化并不会影响数据对象的值。其中:v-text可以简写为{{}},并且支持逻辑运算。
<div id="app">
<p v-text="message"></p>
</div>
var app = new Vue({
el : '#app',
data : {
message : 'hello world'
}
})
2. {{}}
{{}}是v-text的简写形式,注意当laravel中的balde模板引擎无法识别{{}}时,可用v-text
<div id="app">
<p> {{}} </p>
</div>
var app = new Vue({
el : '#app',
data : {
message : 'hello world'
}
})
3. v-html
v-html用于输出html,它与v-text区别在于v-text输出的是纯文本,浏览器不会对其再进行html解析,但v-html会将其当html标签解析后输出。
<div id="app">
<p v-html="html"></p>
</div>
var app = new Vue({
el : '#app',
data : {
message : 'hello world'
}
})