vue中下载csv格式文件

要在Vue中下载CSV文件，可以使用以下步骤：

1. 安装 `file-saver` 和 `xlsx` 库：

npm install file-saver xlsx --save

2. 在Vue组件中引入这两个库:

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

3. 在Vue组件中创建一个下载CSV文件的方法：

downloadCSV() {
  // 要下载的数据
  const data = [
    ["name", "age"],
    ["john", 30],
    ["jane", 25],
    ["peter", 35]
  ];

  // 创建一个新的工作簿
  const wb = XLSX.utils.book_new();

  // 将数据添加到工作表中
  const ws = XLSX.utils.aoa_to_sheet(data);
  XLSX.utils.book_append_sheet(wb, ws, "Sheet1");

  // 将工作簿转换为blob
  const wbBlob = new Blob([XLSX.write(wb, { bookType: "xlsx", type: "array" })], { type: "application/octet-stream" });

  // 下载文件
  saveAs(wbBlob, "data.xlsx");
}

4. 在Vue组件中添加一个按钮，当用户点击该按钮时调用 `downloadCSV` 方法：

<template>
  <button @click="downloadCSV">下载CSV文件</button>
</template>

这样，当用户点击下载CSV文件的按钮时，就会下载一个名为 `data.xlsx` 的CSV文件。