JSFiddle - React, Tailwind, and code Playground

by ke zheng

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>

<div id="app">
  <input :disabled="myDisabled" ref="input">
  <button @click="toggleDisabled">切换</button>
  <p>{{ myDisabled }}</p>
</div>

Babel + JSX

var Main = {
    data() {
      return {
        myDisabled: true
      }
    },
    methods: {
      toggleDisabled() {
        this.myDisabled = !this.myDisabled
      }
    }
  }
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')