vue3 使用xlsx file-saver excel

Vue3 中使用 `xlsx` 和 `file-saver` 库将 Excel 文件导出数据的过程可以分为以下几个步骤：

1. **安装依赖**：
首先，你需要在项目中安装这两个库，分别通过npm或yarn运行命令：

   npm install xlsx file-saver --save
   或者
   yarn add xlsx file-saver

2. **处理Excel文件**：
在 Vue 组件内，引入 `xlsx` 和 `FileSaver.js` 的模块，然后你可以创建一个新的工作表 (`workbook`)，并添加数据。例如：

   import XLSX from 'xlsx';
   import saveAs from 'file-saver';

   // 假设data是一个二维数组，代表了excel表格的数据
   const data = ...;

   // 将数据转换为工作簿
   const workbook = XLSX.utils.book_new();
   const worksheet = XLSX.utils.aoa_to_sheet(data);
   
   // 将工作表添加到工作簿
   XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1'); // 'Sheet1' 是工作表名

   // 将工作簿转换为Excel文件流
   const buffer = XLSX.writeFile(workbook, 'output.xlsx');

3. **保存文件**：
使用 `file-saver` 的 `saveAs()` 函数，将生成的 Excel 流保存为下载文件：

   saveAs(new Blob([buffer], {type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"}), 'export.xlsx');

这里指定的 `type` 是 Excel 文件的MIME类型。

4. **兼容性和注意事项**：
- `xlsx` 提供了多种导出格式（如 `.xlsx`, `.xls`, 等），确保在支持的浏览器上运行。
- 如果需要异步操作或者处理大型数据集，可能需要优化读取和处理的方式。