JSFiddle - React, Tailwind, and code Playground

by edith_tang

HTML

<div id="app">
 <!-- 动态切换是否赋予class属性 --> 
  <div :class = "{ 'active': isActive }">

  </div>
</div>

CSS

.active {
  width: 300px;
  height: 200px;
  background: #333;
  color: red;
}

JavaScript

var app = new Vue({
	el: '#app',
  data: {
  	isActive: true
  }
})