vue exceljs

// 导入 Vue 和 ExcelJS 库
import Vue from 'vue';
import * as ExcelJS from 'exceljs';

new Vue({
  el: '#app',
  methods: {
    exportToExcel() {
      // 创建一个新的工作簿
      const workbook = new ExcelJS.Workbook();
      // 添加一个工作表
      const worksheet = workbook.addWorksheet('Sheet 1');

      // 添加一些数据到工作表中
      worksheet.addRow(['姓名', '年龄', '城市']);
      worksheet.addRow(['张三', 25, '北京']);
      worksheet.addRow(['李四', 30, '上海']);

      // 将工作簿转换为二进制数组
      workbook.xlsx.writeBuffer().then((data) => {
        // 创建一个 Blob 对象
        const blob = new Blob([data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
        // 创建一个下载链接
        const url = URL.createObjectURL(blob);
        const a = document.createElement('a');
        a.href = url;
        a.download = 'example.xlsx';
        a.click();
        // 释放 URL 对象
        URL.revokeObjectURL(url);
      });
    }
  }
});

解释说明：

1. 导入库：首先导入 Vue 和 ExcelJS 库。
2. 创建 Vue 实例：在 new Vue 中定义了一个方法 exportToExcel。
3. 创建工作簿和工作表：使用 ExcelJS.Workbook() 创建一个新的工作簿，并通过 addWorksheet 方法添加一个工作表。
4. 添加数据：通过 addRow 方法向工作表中添加数据。
5. 导出为 Excel 文件：将工作簿转换为二进制数组，然后创建一个 Blob 对象并生成下载链接，触发下载操作。

如果你需要进一步的自定义或功能扩展，可以根据需求调整代码。