v-bind
指令用于动态地绑定一个或多个attribute
、表达式,没有参数时,可以绑定到一个包含键值对的对象。其用法可以参考如下示例:
- 绑定一个属性:
<img v-bind:src="src" v-bind:alt="alt" v-bind:width="width+'px'">
- 缩写:
<img :src="src" :alt="alt" :width="width+'px'">
- 拼接字符串:
在上述代码中,v-bind:width="width+'px'"
v-bind
指令绑定了src
、alt
和width
属性,并设置了它们的值。其中,src
属性的值是在data
中定义的imgSrc
的值;alt
属性的值是静态的;width
属性的值是通过字符串拼接得到的,即width
的值后面加上了px
。
需要注意的是,使用双引号引用的数据是变量,单引号嵌套在双引号中的数据是静态值。