vue綁定樣式，class和style

vue動態修改樣式的方式

注意：固定樣式單獨寫在一個class中，選擇的class寫在一塊兒，選出的class會和固定class合併共存
例如：
<div class="static" v-bind:class="{ 'text-danger':hasError }"></div>
會渲染爲：
<div class="static text-danger"></div>
一，多個樣式共同生效
1，class綁定對象
直接寫進class
<div class="static" v-bind:class="{ 'text-danger':true,'word-danger':false }"></div>
對象寫在data
<div class="static" v-bind:class="obj"></div>
data:{
obj:{ 'text-danger':true,'word-danger':false }
}
2，class綁定數組
<div v-bind:class="['active', 'text-danger']"></div>
兩個樣式仍舊能夠共存
注意：數組項能夠使用三元表達式選擇class，也能夠使用對象做爲數組項

二，綁定內聯樣式style
<div v-bind:style="[baseStyles, styleObject]"></div>

data: {
styleObject: {
color: 'red',
fontSize: '13px'
}，
baseStyles:{
color: 'red',
fontSize: '13px'
}
}