VUE day3 v-bind指令绑定属性(class,style)

v-bind指令

vue中,v-bind用来动态的绑定属性,当使用v-bind绑定元素的属性时,将从vue实例中查找所绑定的变量.

 v-bind的格式是  v-bind:属性名="" ,简写为:

如:

<a v-bind:href="url1">百度一下</a>
//简写为 百度一下
new Vue({
   
el:"#app",
data:{
   
	url1:"http://baidu.com",
	url2:"http://taobao.com"
	}
})

同理可以绑定元素的其他属性

<a v-bind:href="url1">百度一下</a>
//简写为 百度一下&

你可能感兴趣的:(vue,javascript,vue.js)