SOURCE

var Main = {
    data() {
        return {
            tableData: [],
            pageInfo: '',
            gridOptions: {
                border: true,
                columns: [
                    { type: 'seq', width: 60 },
                    { field: 'name', title: 'Name' },
                    { field: 'sex', title: 'Sex' },
                    { field: 'date', title: 'Date' },
                    { field: 'address', title: 'Address' }
                ],
                data: [],
                pagerConfig: {
                    currentPage: 2,
                    pageSize: 30,
                    total: 100,
                },
                proxyConfig: {
                    ajax: {
                        query({ page }) {
                            console.log('page', page);
                        },
                    },
                },
            }
        }
    },
    created() {

    }
};

Vue.createApp(Main).use(VXETable).mount('#app')

<script src="https://unpkg.com/vue@3.5.13"></script>
<script src="https://unpkg.com/xe-utils"></script>
<script src="https://unpkg.com/vxe-pc-ui@4.5.33"></script>
<script src="https://unpkg.com/vxe-table@4.13.15"></script>
<!-- 使用 cdn 引用方式需要注意是否锁定版本，默认指向最新版本 -->

<div id="app">
    <div>
      <p>Grid 演示</p>
      <vxe-grid v-bind="gridOptions"></vxe-grid>
    </div>
</div>

@import url("https://unpkg.com/vxe-pc-ui@4.5.33/lib/style.css");
@import url("https://unpkg.com/vxe-table@4.13.15/lib/style.css");