JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/[email protected]/lib/index.js"></script>
<div id="app">
  <el-button @click="toggle">Toggle Visibility</el-button>
  <el-button @click="change">Change Data</el-button>
  <el-table :data="tableData" border v-show="visible">
    <el-table-column prop="date" label="日期">
    </el-table-column>
    <el-table-column prop="name" label="姓名">
    </el-table-column>
  </el-table>
</div>

SCSS

@import url("//unpkg.com/[email protected]/lib/theme-default/index.css");

Babel + JSX

var Main = {
  data() {
    return {
      visible: true,
      tableData: [{
        date: '1',
        name: '1111111111'
      }]
    };
  },
  methods: {
    toggle() {
      this.visible = !this.visible;
    },
    change() {
      this.tableData = this.tableData.slice();
    }
  }
};
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')