class
class的樣式應用四種
1.數組用法
顯示用標識符v-bind
:class="['red','thin']"
2.三元表達式
:class="[ture?'樣式':'樣式']"
3.數組中嵌套對象
:class="[{'樣式':ture}]"
4.直接使用對象
:class="{red:ture}"
內聯樣式class使用
同樣先使用v-bind綁定
注意使用帶橫杠的屬性必須加上雙引號
1.:style="{color='red','background-color':'red'}"
2.在data中定義樣式
:style="classobj"
例如data:{
classobj:{color='red','background-color':'red'}
}
3.在data中創建多個對象,在內聯樣式中指定一個數組來添加多個樣式
:style="[classobj,classobj2]"
例如data:{
classobj:{color='red','background-color':'red'}
classobj2:{'background-color':'red'}
}
}