画布 1
绑定class和style
  基本介绍
    1. 可以使用v-bind来绑定元素属性
    2. class和style都属于元素的属性，所以可以使用v-bind来绑定
    3. 一般来说，对应的值就是表达式计算出来的字符串
    4. 但是vue做了增强，表达式结果除了字符串，还可以是对象或数组
  绑定Class
    1. 对象语法
      可以传给 :class一个对象，以动态地切换 class
      可以在对象中传入更多字段来动态切换多个 class
      :class 指令也可以与普通的 class 属性共存
      绑定的数据对象不必内联定义在模板里
      可以绑定为一个返回对象的计算属性
    2. 数组语法
      可以把一个数组传给 :class，表示应用一个 class 列表
      可以使用三元表达式，也可以使用对象语法
    3. 在组件上使用
      模板中原本的class和在使用组件是添加的class会自动混合在一起
      对于:class 的情况一样适用
      如果组件有多个根元素，你需要定义哪些部分将接收这个类
        借助$attrs.class
  绑定内联样式style
    1. 对象语法
      跟写css很像就是写个对象，属性为css属性名，值为表达式的结果
      更推荐的做法是，直接绑定到一个样式对象
        好处：模板更清晰
      可以绑定为一个计算属性，计算属性返回的是一个样式对象
    2. 数组语法
      数组中的每一个成员都表示一个样式对象，他们最终都会应用到同一个元素上
    3. 多重值
      可以为:style中的属性提供一个包含多个值的数组，常用于提供多个带前缀的值
    4. 自动添加前缀
      当使用一些需要添加前缀的css属性时，Vue 将自动侦测并添加相应的前缀