// 修改文件 vue.config.js
import { lazyImport, VxeResolver } from 'vite-plugin-lazy-import'
export default defineConfig({
    plugins: [
        lazyImport({
           resolvers: [
              VxeResolver({
                 libraryName: 'vxe-table'
              })
           ]
        })
    ]
}         

import lazyVuxTable from './system/view/vex-table'

app.use(lazyVuxTable, {})

//vex-table
簡單的寫一個vue自定義的use插件
import { type App, type Plugin } from 'vue'
import { VxeTable, VxeColumn, VxeColgroup, VxeGrid, VxeToolbar } from 'vxe-table'
import 'vxe-table/lib/style.css'
const install: Plugin = function (app: App, options = {}) {
  app.use(VxeTable)
  app.use(VxeColumn)
  app.use(VxeColgroup)
  app.use(VxeGrid)
  app.use(VxeToolbar)
}

export default {
  install,
}

index.vue
<div class="table-wrap">
          <vxe-table :data="tableData">
            <vxe-column type="seq" width="70"></vxe-column>
            <vxe-column field="name" title="Name"></vxe-column>
            <vxe-column field="sex" title="Sex"></vxe-column>
            <vxe-column field="age" title="Age"></vxe-column>
          </vxe-table>
        </div>