SOURCE

console 命令行工具 X clear

                    
>
console
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;}

本项目引用的自定义外部资源