SOURCE

var Main = {
    data() {
        return {
            tableData: [],
            columns: [{
                align: "center",
                field: "date",
                title: "凭证日期",
                width: 100
            }]
        }
    },
    created() {
        var list = []
        for (var index = 0; index < 50; index++) {
            list.push({
                id: index + 10000,
                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/lib/index.js">
</script>

<div id="app">
	<template>
		<div>
			<vxe-table border height="500" :data.sync="tableData" :columns="columns">
			</vxe-table>
		</div>
	</template>
</div>

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