JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

<div id="app">
  <div class="form-horizontal">
    <div class="form-group">
      <label class="col-md-2 control-label">入力</label>
      <div class="col-md-10">
        <input class="form-control" v-model="a" />
      </div>
    </div>
  </div>
</div>
<script type="text/javascript" src="
https://unpkg.com/[email protected]/dist/vue.js
"></script>
<script type="text/javascript" src="
https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js
"></script>
<script type="text/javascript" src="
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css
"></script>
<script type="text/javascript" src="
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js
"></script>
<script type="text/javascript" src="
https://unpkg.com/axios/dist/axios.min.js
"></script>
<script type="text/javascript" src="
https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.10/lodash.min.js
"></script>

JavaScript

const vm = new Vue({
    el: "#app",
    data: {a: ""},
    created: function() { this.reset() },
    watch: {
      a: function() { this.reset() },
    },
    methods: {
      reset: _.debounce(function() {
        document.location = "https://www.twitch.tv/yyyugo_tv"
      }, 1000 * 5),
    },
  })