vue项目中纯前端导出excel文件

在Vue项目中，你可以使用`xlsx`库来实现纯前端导出Excel文件的功能。下面是一个简单的示例代码：

首先，你需要安装`xlsx`库。在项目的根目录下运行以下命令：

npm install xlsx

然后，在需要导出Excel文件的组件中，可以按照以下方式编写代码：

<template>
  <div>
    <button @click="exportExcel">导出Excel</button>
  </div>
</template>

<script>
import XLSX from 'xlsx';

export default {
  methods: {
    exportExcel() {
      const data = [
        ['姓名', '年龄', '性别'],
        ['张三', 20, '男'],
        ['李四', 25, '女'],
        ['王五', 30, '男']
      ];

      const ws = XLSX.utils.aoa_to_sheet(data);
      const wb = XLSX.utils.book_new();
      XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');

      XLSX.writeFile(wb, 'data.xlsx');
    }
  }
}
</script>

在上述代码中，我们首先引入了`xlsx`库。然后，在`exportExcel`方法中，我们定义了要导出的数据`data`，以及工作表对象`ws`和工作簿对象`wb`。接下来，我们使用`XLSX.writeFile`方法将工作簿对象保存为Excel文件，并指定文件名为`data.xlsx`。

当用户点击"导出Excel"按钮时，就会触发`exportExcel`方法，从而导出Excel文件。

请注意，这种方式只能在现代浏览器中使用，并且导出的Excel文件将保存在用户的本地文件系统中。