1、Style样式绑定
1.1对象语法
Vue2中推荐直接绑定到一个样式对象上，会让模板更清晰，例如：
1.2数组语法
补充：在Vue中，你可以在一个标签上同时使用静态的style属性和动态绑定的style属性，Vue会将它们合并，使得你可以既设置一些固定的样式，又能够基于组件的数据动态地改变样式，如下图
2、Class样式绑定
2.1字符串语法
适用于类名不确定，需要动态获取的场景，如下
2.2对象语法
适用于要绑定的class个数确定，名称确定，但要动态决定要不要用
写法一，绑定的对象定义在模板里：
补充：如上图，v-bind:class 指令也可以与普通的class属性共存
写法二，Class对象定义在data中：
写法三，使用计算属性：
2.3数组语法
适用于一开始不确定class的个数，也不确定class的名称
写法一：
写法二，使用三元运算符
写法三，数组内包含对象使用：
写法四，使用计算属性：
附参考文档
v2.cn.vuejs.org/v2/guide/cl…
