vue部分:
var vm = new Vue({
el:'#app',
data:{
img:'img/1.png',
isTrue:true,
},
})
绑定一个属性:
<img v-bind:src="img" alt="">
可简写:
<img :src="img" alt="">
绑定样式:
<div :class="'red'">绑定一个样式</div>
<div :class="['red','border']">绑定多个样式</div>
<div :class="{red:isTrue}">绑定样式的另一种写法</div>
当isTrue为true的时候,有red样式,为false时,有border样式
<div :class="[isTrue ? 'red':'border']">三目运算符的写法</div>