v-bind指令
vue中,v-bind用来动态的绑定属性,当使用v-bind绑定元素的属性时,将从vue实例中查找所绑定的变量.
v-bind的格式是 v-bind:属性名="" ,简写为:
如:
<a v-bind:href="url1">百度一下</a>
//简写为 <a :href="url1">百度一下</a>
new Vue({
el:"#app",
data:{
url1:"http://baidu.com",
url2:"http://taobao.com"
}
})
同理可以绑定元素的其他属性
<a v-bind:href="url1">百度一下</a>
//简写为 <a :href="url1">百度一下&