Vue后台管理项目中xlsx.js实现excel表格下载和导入的功能

在搭建后台管理页面时，会做到将后台数据以excel的表格形式下载或导入的功能，今天我将以一个简单的小案例来实现这个功能。

目录

           1、创建一个vite或vue3项目。

2、在你的项目中安装 xlsx 和 file-saver

3、在App.vue中写入代码（代码分析看注释）

以上代码实现下载Excel的核心是XLSX.utils：

4、运行项目

---

功能大致如下：

1、点击“导出Excel”这个按钮，数据以excel的表格形式下载到本地，表名为”table“。

2、点击“选择文件”这个按钮，会将选中的本地Excel表格，生成到页面上：

那么我们该如何实现这一功能呢？？？

1、创建一个vite或vue3项目。

npm create vite@latest my-vite-project -- --template vue
cd my-vite-project