用vue3写一个导出excel文件

要在 Vue 3 中写一个导出 Excel 文件的功能，您可以使用第三方库，例如 xlsx 或 FileSaver.js。

首先，您需要安装 xlsx 或 FileSaver.js：

npm install xlsx

或

npm install file-saver

然后，您可以在 Vue 组件中导入该库，并使用其方法将数据写入 Excel 文件：

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

<script>
import XLSX from 'xlsx'
import FileSaver from 'file-saver'

export default {
  methods: {
    exportExcel () {
      const data = [
        { name: 'John Doe', age: 40 },
        { name: 'Jane Doe', age: 35 }
      ]

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

      const blob = new Blob([XLSX.write(wb, { bookType: 'xlsx', type: 'array' })], { type: 'application/octet-stream' })
      FileSaver.saveAs(blob, 'export.xlsx')
    }
  }
}
</script>

这样就可以在 Vue 3 中实现导出 Excel 文件的功能了。