要同时下载多张图片并将它们存储在一个压缩包（ZIP 文件）中，你可以使用第三方库 JSZip。JSZip 是一个用于创建和操作 ZIP 文件的 JavaScript 库，可以在 Vue 中方便地使用它

要同时下载多张图片并将它们存储在一个压缩包（ZIP 文件）中，你可以使用第三方库 JSZip。JSZip 是一个用于创建和操作 ZIP 文件的 JavaScript 库，可以在 Vue 中方便地使用它来实现这个功能。

首先，确保你已经安装了 JSZip。可以通过 npm 或 yarn 安装它：

```bash
npm install jszip
```

或

```bash
yarn add jszip
```

然后，你可以使用以下示例代码来实现在 Vue 中同时下载多张图片并生成压缩包：

```html
<template>
  <div>
    <button @click="downloadImages">下载图片</button>
  </div>
</template>

<script>
import JSZip from 'jszip';
import FileSaver from 'file-saver';

export default {
  data() {
    return {
      imageLinks: [] // 后端返回的图片链接列表
    }
  },
  mounted() {
    // 获取后端返回的图片链接列表
    // 假设你已经在此处获取到了后端返回的图片链接并将其保存在imageLinks中
    this.imageLinks = [
      'http://example.com/image1.jpg',
      'http://example.com/image2.jpg',
      'http://example.com/image3.jpg'
    ];
  },
  methods: {
    downloadImages() {
      const zip = new JSZip();

      const imagePromises = this.imageLinks.map((imageLink, index) => {
        return fetch(imageLink)
          .then(response => response.blob())
          .then(blob => {
            const fileName = `image_${index + 1}.jpg`;
            zip.file(fileName, blob);
          });
      });

      Promise.all(imagePromises)
        .then(() => {
          return zip.generateAsync({ type: 'blob' });
        })
        .then(blob => {
          FileSaver.saveAs(blob, 'images.zip');
        })
        .catch(error => {
          console.error('下载图片时出错：', error);
        });
    }
  }
}
</script>
```

在上面的代码中，我们首先引入了 JSZip 和 file-saver 库。然后，我们在 `data` 中创建了 `imageLinks` 数组，用于存储后端返回的图片链接列表。

在 `downloadImages` 方法中，我们首先创建了一个 `JSZip` 实例。然后，我们使用 `map` 方法遍历 `imageLinks` 数组，针对每个图片链接，我们使用 `fetch` 函数获取图片的 Blob 对象，并将其添加到 ZIP 文件中，使用文件名 `image_${index + 1}.jpg`。

接下来，我们使用 `Promise.all` 等待所有图片都被添加到 ZIP 文件中。一旦完成，我们通过调用 `zip.generateAsync()` 来生成 ZIP 文件的 Blob 对象。

最后，我们使用 `FileSaver.saveAs()` 将生成的 Blob 对象保存为名为 `images.zip` 的文件。

这样，当点击“下载图片”按钮时，所有图片将被下载并存储在一个压缩包中。请确保 `imageLinks` 数组中存储了正确的图片链接。