JSFiddle - React, Tailwind, and code Playground

by Matsunaga_Ajike

HTML

<!DOCTYPE html>
<html>
<head>
  <title>My first Vue app</title>
  <script src="https://unpkg.com/vue"></script>
</head>
<body>
  <div id="app">
    <input type="checkbox" @click="change">
    <span v-if="seen">Hello!</span>
  </div>

  <script>
    var app = new Vue({
      el: '#app',
      data: { seen: false },
      methods: {
        change: function(e) {
          this.seen = e.target.checked;
        }
      }
    })
  </script>
</body>
</html>