vue data转execl

要将Vue.js中的数据转换为Excel文件，你可以使用js-xlsx和FileSaver.js这两个库。

1. 首先安装这两个库：

npm install xlsx
npm install file-saver

2. 在Vue组件里导入这两个库：

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

3. 创建一个方法来将数据转换为Excel文件：

methods: {
  exportToExcel() {
    // 定义要导出的数据
    const data = [
      ['姓名', '年龄', '性别'],
      ['张三', 18, '男'],
      ['李四', 20, '女'],
      ['王五', 22, '男']
    ];

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

    // 将数据转换为工作表
    const worksheet = XLSX.utils.aoa_to_sheet(data);

    // 将工作表添加到工作簿
    XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');

    // 将工作簿转换为二进制数据
    const wbout = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });

    // 使用FileSaver保存文件
    FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), 'data.xlsx');
  }
}

4. 在Vue模板里添加一个按钮来触发导出操作：

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

当用户点击导出按钮时，数据将被转换为Excel文件并自动下载到用户的计算机上。