SOURCE

var Main = {
  data() {
    return {
      index: 0,
      width: 60,
      tableData: []
    }
  },
  mounted() {
    setTimeout(() => {
      this.width = 500
      this.index = 2
    },
    3000)
  },
  created() {
    var list = []
    for (var index = 0; index < 5; index++) {
      list.push({
        name: 'test' + index,
        role: 'developer',
        sex: 'Man',
        date: '2019-05-01',
        time: 1556677810888 + index * 500,
        region: 'ShenZhen',
        address: 'address abc' + index
      })
    }
    this.tableData = list
  }
};
var Ctor = Vue.extend(Main);
new Ctor().$mount('#app')

<script src="//unpkg.com/vue">
</script>
<script src="//unpkg.com/xe-utils">
</script>
<script src="//unpkg.com/vxe-table">
</script>
<div id="app">
  <template>
    <div>
      <vxe-table border :data="tableData">
        <vxe-table-column type="index" :key="index" :width="width">
        </vxe-table-column>
        <vxe-table-column field="name" title="Name">
        </vxe-table-column>
        <vxe-table-column field="sex" title="Sex">
        </vxe-table-column>
        <vxe-table-column field="date" title="Date">
        </vxe-table-column>
        <vxe-table-column field="address" title="Address">
        </vxe-table-column>
      </vxe-table>
    </div>
  </template>
</div>

@import url("//unpkg.com/vxe-table/lib/index.css");