vue.js 中v-bind指令的使用

v-bind  主要用于属性绑定,Vue官方提供了一个简写方式 :bind,例如:

"url">

"url">

 

1.  v-bind  主要用于属性绑定,比方你的class属性,style属性,value属性,href属性等等,只要是属性,就可以用v-bind指令进行绑定。

"imageSrc">

"imageSrc">

"'/path/to/images/' + fileName">

"{ red: isRed }">

"[classA, classB]">

"[classA, { classB: isB, classC: isC }]">

4、绑定class中的三元表达式判断

"{ fontSize: size + 'px' }">

"[styleObjectA, styleObjectB]">

"{ id: someProp, 'other-attr': otherProp }">

"text">

"someThing">

"$props">

"foo">

 

 

你可能感兴趣的:(vue)