JSFiddle - React, Tailwind, and code Playground

by lmk123

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.min.js"></script>
<div id="app">
  <child></child>
</div>

JavaScript

var child = Vue.extend({
  template: '<div><input type="search" v-model="currentValue" placeholder="搜索"><div v-show="currentValue"></div></div>',
  data() {
    return {
      currentValue: ''
    }
  }
})
new Vue({
  el: '#app',
  components: {
    child
  }
})