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则不显示。