JSFiddle - React, Tailwind, and code Playground

by mogu10

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@next/lib/index.js"></script>

<div
 id="app"
 :class="{ 'active' : isActive }"
>
<p>あいう</p>
</div>

CSS

.active {
      background-color: pink;
}

    .text-danger {
      color: red;
    }

JavaScript

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