写出使用vue的按钮导出excel数据功能的代码，需要调用接口连接后端数据库

以下是使用 Vue 实现导出 Excel 数据功能的代码，需要调用接口连接后端数据库：

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

<script>
import axios from 'axios'
import XLSX from 'xlsx'

export default {
  methods: {
    exportExcel() {
      axios.get('/api/exportData').then(res => {
        const data = res.data

        const worksheet = XLSX.utils.json_to_sheet(data)
        const workbook = XLSX.utils.book_new()
        XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1')
        XLSX.writeFile(workbook, 'data.xlsx')
      })
    }
  }
}
</script>

上述代码中，我们引入了 `axios` 和 `XLSX` 库。当用户点击导出 Excel 按钮时，通过 `axios` 向后端发送请求，获取需要导出的数据。请求成功后，我们使用 `XLSX` 将数据转换为 Excel 格式，并通过 `XLSX.writeFile` 方法将其下载到本地电脑。注意，在此之前需要在后端编写 `/api/exportData` 接口，用于查询数据库中的数据并返回给前端。