v-bind与class，style属性的使用

class，style是各种dom元素的都具有的原生属性

class与:class的区别，直接使用class的话，后面跟的是常量，若使用:class,v-bind:class的话，后面需跟变量，可以实现动态地改变元素的样式

如下图代码：

 在上述代码中，在button元素中，对class原生属性赋值了，也使用了:class的自定义属性赋值

控制台输出为：

 可以看到button元素的class属性为active ，current两个值都赋值了，:style和:class的定义差不多，都是对元素进行自定义属性定义

:class与:style都可以使用单个对象，{}，[]三种方式来实现对元素样式的动态更改

:class与:style都可以直接绑定单个对象，该对象中的属性为各种样式的定义

:class与:style的{}使用，:class的{}中为style部分中的定义，后面跟上判断语句

 :style的{}则是直接写上样式，

 [ ]则是可以直接跟上多个对象

 对于，三种直接跟对象，{ }, [ ],一般在开发时都是用直接跟对象来实现

 参照：Class 与 Style 绑定 | Vue.js (vuejs.org)