JSFiddle - React, Tailwind, and code Playground

by Terry Cai

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/elvant/lib/index.js"></script>
<div id="app">
  <el-button @click="visible = true">按钮</el-button>
  <el-dialog :visible.sync="visible" title="Hello world">
    <p>欢迎使用 Element</p>
  </el-dialog>
</div>

CSS

@import url("//unpkg.com/elvant/lib/theme-antd/index.css");

JavaScript

var Main = {
  data() {
    return {
      visible: false
    }
  }
}
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')