vxe-grid 高级导出 全量导出

`vxe-grid` 提供了高级导出功能，包括全量导出（Full Export）。全量导出允许用户一键导出整个表格的所有数据，不仅仅是当前显示的页面内容。要实现全量导出，通常涉及以下几个步骤：

1. **配置 grid**：首先，在网格组件的配置中开启导出功能，提供下载全部数据的选项。例如，在 `gridOptions` 中设置 `exporter` 属性：

   import { Grid, Exporter } from 'vxe-table';

   data: () => ({
     gridOptions: {
       ...,
       methods: {
         queryAll: ...,
       },
       exporter: {
         type: 'xlsx', // 或者 'csv' 或其他格式
         download: true, // 开启下载功能
       }
     }
   }),

`type` 可以设置成 'xlsx' 对应 Excel 文件，或者 'csv' 对应 CSV 文件。

2. **导出事件处理**：当用户触发导出操作（比如点击下载按钮），grid 组件会触发 `export` 事件，此时可以在组件内部捕获这个事件，处理导出逻辑：

   methods: {
     async exportData() {
       const data = await this.gridOptions.queryAll(); // 获取所有数据
       await this.$refs.grid.export({ data }); // 执行导出操作，传递数据给导出插件
     }
   },
   mounted() {
     this.$refs.grid.on('export', this.exportData); // 监听导出事件
   },
   beforeDestroy() {
     this.$refs.grid.off('export'); // 销毁时移除事件监听
   },

注意这里假设你已经在模板上绑定了导出按钮，并通过 `$refs` 访问到 grid 实例。

3. **导出文件生成**：`Exporter` 插件会负责生成对应的文件内容，然后由浏览器下载。