我们利用Vue中的v-bind指令可以很好进行数据绑定,当然对于class和style也是一样的。
而且v-bind用来绑定class也同时可以和普通的class并存,灵活地运用v-bind来切换class或者style可以做到意想不到的效果。
而且你还可以将一个数组传给v-bind:class,当然使用三元表达式也是没有问题的。
当你想绑定style的时候如何绑定呢
<div v-bind:style="{color:TheColorYouWant}"></div>
如上即可实现绑定。
你也可以绑定到一个对象上
<div v-bind:style="yourStyle"></div>
然后在Vue实例里面的data里写
new Vue({
el:'#app',
data:{
yourStyle:{ color:'red' }
}
})
以上就是关于绑定class和style的基本内容,比较简单。