绑定html class，给v-bind:class传递一个对象，以动态地切换class

<template>
  <div id="app">
     <div v-bind:class="{ active: isActive }">Java无难事</div>
  </div>
</template>


<script>
export default {
  name: 'HelloWorld',
  data() {
    return {
      isActive: true
    }
  }
}
</script>

<style scoped>
   .active {
      width: 800px;
      height: 100px;
      background: red;
}
</style>