v-bind使用

v-bind基本使用

动态地绑定一个或多个属性,或者绑定一个组件 prop 到表达式。

语法v-bind:属性名 = 属性值

<!-- 绑定一个 attribute -->
<img v-bind:src="imageSrc">

v-bind语法糖

缩写:真实开发时常用

<!-- 缩写 -->
<img :src="imageSrc">

imageSrc 是一个变量。v-bind方式绑定的都是变量。

若是不使用v-bind绑定的就是确定的值

例如src="imageSrc",此时src的值为字符串imageSrc

posted @ 2021-03-28 19:56  至安  阅读(703)  评论(0)    收藏  举报