vue学习（16）绑定class和style

//绑定class样式字符串写法
<div :class="mood"></div>
//绑定class样式对象写法
<div :class="classObj"></div>
//绑定class样式数组写法
<div :class="classArr"></div>
//绑定style对象写法
<div :style="styleObj"></div>
new Vue({
  ....
  data:{
     mood:'normal',
     classObj:{a:false,b:true},
     classArr:['a','b','c'],
     styleObj:{fontSize:'40px'}
  }
})

知识点：

1:class样式
写法
:class="xxx",其中xxx可以使字符串，对象，数组。
字符串写法适用于：类名不确定，要动态获取。
对象写法适用于：要绑定多个样式，个数确定，名字确定，但要动态决定是否使用。
数组写法使用于：要绑定多个样式，个数不确定，名字也不确定。
2：style样式
:style="{fontSize：xxx}",其中xxx是动态的值。
:style="[a,b]",其中a,b是样式对象。