const app = new Vue({
el:"#app",
data:{
Msg: "hello world!",
isActive: true
},
computed:{
classYellow:function(){
return {colorYellow:this.isActive}
// 在computed中定义一个classYellow属性,返回一个对象
}
},
methods:{
getClassYellow:function(){
return {colorYellow:this.isActive}
// 或者在methods中定义一个getClassYellow方法,返回一个对象
}
}
})
<div id="app">
<div :class="{colorYellow:isActive}">对象语法:{{Msg}}</div>
<div :class="classYellow">computed计算属性返回:{{Msg}}</div>
<div :class="getClassYellow()">methods方法返回:{{Msg}}</div>
</div>
.colorYellow{color: yellow;}