vue读取txt文件的文本

你可以使用 Vue.js 与 JavaScript 来读取 txt 文件的文本。以下是一种基本的方法：

1. 首先，在你的 Vue.js 组件中，创建一个方法来读取 txt 文件。例如：

methods: {
  readTextFile(file) {
    let rawFile = new XMLHttpRequest();
    rawFile.open("GET", file, false);
    rawFile.onreadystatechange = function() {
      if (rawFile.readyState === 4 && (rawFile.status === 200 || rawFile.status == 0)) {
        let allText = rawFile.responseText;
        console.log(allText);
      }
    }
    rawFile.send(null);
  }
}

2. 然后，在你的 HTML 模板中，添加一个按钮或其他触发事件的元素，用于触发这个方法。例如：

<button @click="readTextFile('your_file.txt')">读取文本文件</button>

3. 最后，在你的 Vue.js 组件中，使用上面的方法来读取 txt 文件中的文本内容。在这个例子中，我们使用了 XMLHTTPRequest 对象来请求文件，并使用 `responseText` 属性来获取文件的内容。

请注意，这个方法只适用于在本地服务器上运行的 Vue.js 应用程序。如果你的应用程序在远程服务器上运行，你需要使用其他方法来读取文件。