vue3导出数据到excel表格

要将 Vue3 中的数据导出到 Excel 表格，可以使用 `xlsx` 库。下面是一个简单的示例：

1. 首先安装 `xlsx` 库：

   npm install xlsx

2. 在 Vue 3 的组件中，定义一个方法，用于将数据导出到 Excel 表格：

   import XLSX from 'xlsx';
   
   export default {
     data() {
       return {
         tableData: [
           { name: 'John', age: 25, gender: 'Male' },
           { name: 'Jane', age: 30, gender: 'Female' },
           { name: 'Bob', age: 35, gender: 'Male' },
         ]
       }
     },
     methods: {
       exportToExcel() {
         const worksheet = XLSX.utils.json_to_sheet(this.tableData);
         const workbook = XLSX.utils.book_new();
         XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
         XLSX.writeFile(workbook, 'data.xlsx');
       }
     }
   }

上面的代码中，`tableData` 是要导出的数据，`exportToExcel` 方法将数据转换成 Excel 表格，并将表格保存到本地文件 `data.xlsx`。

3. 在组件的模板中，添加一个按钮，点击该按钮调用 `exportToExcel` 方法：

   <template>
     <div>
       <button @click="exportToExcel">Export to Excel</button>
     </div>
   </template>

点击按钮后，应该可以看到一个名为 `data.xlsx` 的文件被下载到本地。

注意：上面的代码示例是将 JSON 数据导出到 Excel 表格。如果要将表格数据导出到 Excel 表格，可以使用类似的方法，只需要将 `tableData` 替换为表格数据即可。