class與style是HTML元素的屬性,用于設置元素的樣式,我們可以用v-bind來設置樣式屬性。Vue.js v-bind在處理class和style時,專門增強了它。表達式的結果類型除了字符串之外,
.active {
width: 100px;
height: 100px;
border: 1px solid red;
background: green
}
new Vue({
el:"#app",
data:{
isActive:true
}
})
運行結果為
在上述例子中將isActive設置為true顯示了帶有紅色邊框的綠色div塊,如果設置為false則不顯示。