v-bind属性绑定属性和样式
(1)绑定属性
<button class = "btn" :style="{ color:'white',background:'blue' }"> 点击 </button>
(2)绑定样式
<button class = "btn" :style="{ color:'style' }"> 点击 </button>
这个style在data里写样式
(3)绑定class关键字---------通过点击事件设置class里的布尔值
view视图里的
<button class = "btn" :class={ 'active' : isActive } @click = "toggle"> 点击 </button>
css里的
.active
color:white;
background-color:green;
}
js里的
data:{
isActive:false
}
method:{
toggle:function(){
this.isActive = true;
}
}