JSFiddle - React, Tailwind, and code Playground

by edith_tang

HTML

<div id="app">
  <div :class="[activeCls, errorCls]">
    这是一段文本
  </div>
</div>

CSS

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

.error {
  color: red;
  text-decoration: line-through;
}

JavaScript

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