v-bind
v-bind
可以做数据属性绑定,如果我们想为一个button
的title
设置属性,则可以使用下面这种方式:
<div id="app">
<!-- v-bind 是vue中用于绑定属性的指令-->
<input type="button" value="按钮" v-bind:title="mytitle + '123'">
</div>
<script>
var vm = new Vue({
el: "#app",
data:{
mytitle:"自定义title"
}
})
</script>
添加了v-bind
指令的属性会在vue
对象中寻找绑定的值并把它解析为变量。
简化
v-bind
指令可以被简写为:
,即:
<input type="button" value="按钮" :title="mytitle + '123'">