03 v-bind

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'">