vue 下载项目中文件

Vue.js 是一个 JavaScript 前端框架，用于构建单页面应用程序。如果你想在 Vue.js 项目中提供文件下载，则可以使用如下代码：

<template>
  <div>
    <h2>文件下载示例</h2>
    <button @click="downloadFile">下载文件</button>
  </div>
</template>

<script>
export default {
  methods: {
    downloadFile() {
      // 文件下载地址
      const url = 'http://example.com/file.pdf';
      // 创建 a 标签
      const link = document.createElement('a');
      // 设置 a 标签的 href 属性（下载地址）
      link.href = url;
      // 设置 a 标签的 download 属性（文件名）
      link.download = 'file.pdf';
      // 模拟 a 标签的点击事件
      link.click();
    }
  }
}
</script>

在上述代码中，我们定义了一个 `downloadFile` 方法，该方法创建了一个 a 标签，并将文件下载地址设置为 a 标签的 href 属性，将文件名设置为 a 标签的 download 属性，然后模拟 a 标签的点击事件，从而触发文件下载。