<div v-bind:属性名="变量名"></div>
其中,属性名是需要绑定的属性名称,变量名是Vue实例中的一个变量。
<div v-bind:class="{'highlight': isHighlighted}"></div>
在这个例子中,元素的class属性值会根据isHighlighted这个变量的值而变化。如果isHighlighted为true,则会添加highlight这个class,反之则移除。
在绑定属性值时,可以直接使用Vue实例中的变量名,也可以使用表达式。如果使用表达式,需要使用{{}}包裹。
<div v-bind:title="'这是' + message + '的标题'"></div>
在这个例子中,元素的title属性值会根据message这个变量的值而变化。如果message为'Vue',则title属性值为'这是Vue的标题'。