1. 使用原生 JavaScript 方法：

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

<script>
export default {
  methods: {
    downloadFile() {
      // 创建一个下载链接
      const link = document.createElement('a');
      link.href = '/path/to/your/file.pdf'; // 替换成你要下载的文件的路径
      link.download = 'myfile.pdf'; // 设置下载后的文件名

      // 触发点击链接的操作
      link.click();
    }
  }
};
</script>

上述代码中，当用户点击 "下载文件" 按钮时，会触发 downloadFile 方法，该方法创建一个下载链接，然后模拟用户点击链接以触发下载操作。

2. 使用第三方库（如 FileSaver.js）：

你也可以使用第三方库来简化文件下载过程。一个常用的库是 FileSaver.js，它可以更方便地进行文件下载。

首先，你需要安装 FileSaver.js：

npm install file-saver

然后，在 Vue 组件中使用它：

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

<script>
import { saveAs } from 'file-saver';

export default {
  methods: {
    downloadFile() {
      // 创建一个 Blob 对象，可以是文件的二进制数据或者文本
      const blob = new Blob(['Hello, World!'], { type: 'text/plain' });

      // 使用 FileSaver.js 的 saveAs 方法进行下载
      saveAs(blob, 'myfile.txt'); // 设置下载后的文件名
    }
  }
};
</script>