v-bind指令，bind中文意思是捆绑的意思，额，捆绑。。。
其绑定的参数在v-bind:指令中的maohao（冒号）后指明，没错就是我标红的那个冒号
v-bind指令被用来响应地更新HTML属性。
扯了这么多，还不如举个例子:
小二，上代码：
<html>
<head>
<meta charset="utf-8">
<title>Vue 学习之v-bind</title>
<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
<pre><a v-bind:href="url">是强大的连接啊</a></pre> //v-bind为a标签添加了href属性,属性值为data中的url值
</div>
<script>
new Vue({
el: '#app',
data: {
url: 'http://www.baidu.com' //变量名为url，值为http://www.baidu.com
}
})
</script>
</body>
</html>
输出：
点击链接就会跳到baidu首页，在Google浏览器上按F12，我们来看看
我们发现， <pre><a v-bind:href="url">是强大的连接啊</a></pre>在提交后的href为data中的URL中的值，所以说v-bind:href具体的作用就是给<a>标签加了href属性，该属性的值为data中的url对应的值，正如开始所说的v-bind绑定的参数在v-bind:指令中的maohao（冒号）后指明，此处的冒号后为href，这样就实现了更加灵活的绑定方式。
通过v-bind指令，我们可以为一个标签动态的添加属性，将属性名和属性值在Vue中定义好，
<标签名 v-bind:待添加的属性="Vue中定义好的属性名"> </标签名>
注意，待添加的属性必须是该标签必须拥有的属性，不能瞎绑，想绑什么就绑什么，那世界不乱套了。。。
v-bind缩写 （v-bind: 等价于：）
<a v-bind:href="url">…</a> //完整写法
<a :href="url">…</a> //缩写
这就是v-bind的用法，嘿嘿嘿！！！！
原创不易，转载请注明这个哦：https://blog.csdn.net/Kermit_father