vue 实现下载功能

Vue可以通过使用HTML5的download属性来实现文件下载功能。具体步骤如下：

1. 在Vue组件中，创建一个下载按钮或者其他触发下载的元素。
2. 给该元素添加一个点击事件，当点击时触发下载功能。
3. 在点击事件的处理函数中，使用JavaScript动态创建一个<a>标签，并设置其href属性为文件的URL。
4. 如果需要指定下载的文件名，可以设置<a>标签的download属性为所需的文件名。
5. 将<a>标签添加到DOM中，并模拟点击该<a>标签，触发文件下载。

下面是一个简单的示例代码：

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

<script>
export default {
  methods: {
    downloadFile() {
      // 创建一个<a>标签
      const link = document.createElement('a');
      // 设置文件的URL
      link.href = 'http://example.com/path/to/file.pdf';
      // 设置下载的文件名
      link.download = 'file.pdf';
      // 将<a>标签添加到DOM中
      document.body.appendChild(link);
      // 模拟点击<a>标签，触发文件下载
      link.click();
      // 移除<a>标签
      document.body.removeChild(link);
    }
  }
}
</script>

<style>
/* 样式可以根据需要自行设置 */
</style>

请注意，上述示例中的文件URL和文件名仅作为示例，实际应用中需要根据具体需求进行设置。