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)
标签：style,对象,bind,元素,class,属性 From： https://www.cnblogs.com/123-hh/p/18146434