<div id="app" v-bind:title='message' v-bind:style='red' v-once>
{{message}}
</div>
---
var app = new Vue({
el: '#app',
data:{
message: 'hello world!',
red: 'color:red'
}
})
定义在Vue实例的data接口上的数据的绑定灵活的,可以绑定在DOM节点内部,也可以绑在属性上;
绑定数据到节点属性上时,需要使用v-bind指令,这个元素节点的 title属性和 Vue 实例的 message属性绑定到一起,从而建立数据与该属性值的绑定,也可以使用v-bind:href="url"的缩写方式:href="url";
v-once指令能够让你执行一次性的插值,当数据改变时,插值处的内容不会更新;
联系客服