v-bind及class与style绑定

一 、绑定class的两种方式
（1），对象语法
例1：

var app = new Vue({
data : {
isActive: 'true'
}
})
这时的div 的 class = active
当 isActive: false 时 div 的 class 没有对应的值
例2：

data : {
isActive : true,
isError : true
}
==>

(2) , 数组语法

data : {
activeCls: 'active',
errorCls: 'error'
}
渲染结果为：

  在数组语法中使用对象语法：
  

      data : {
          isActive: true,
          errorCls: 'error'
      }

二 、绑定内联样式
: style , 方法和 :class的用法相似，不过，css属性名称使用驼峰命名(camelCase) 或短横分隔命名(debab-case)
例如：

data: {
styles: {
color : 'red',
fontSize : 14 + 'px'
}
}
渲染后的结果：