Vue FileReader提供了JavaScript FileReader API的簡化版本，可以在Vue應用程序中方便地讀取本地計算機上的文件。

要在Vue項目中使用Vue FileReader，需要先在項目中安裝并導入Vue和Vue FileReader:

npm install vue-file-reader --save
import Vue from 'vue';
import VueFileReader from 'vue-file-reader';
Vue.use(VueFileReader);

接下來，可以在Vue組件中的模板中使用<input type="file">元素來選擇本地計算機上的文件。然后，可以使用Vue FileReader組件來讀取選擇的文件。

<template>
<div>
<input type="file" @change="handleFile">
<pre v-if="fileContent">{{fileContent}}</pre>
</div>
</template>
<script>
export default {
data() {
return {
fileContent: ''
};
},
methods: {
handleFile(event) {
this.$fileReader.readAsText(event.target.files[0]).then((text) =>{
this.fileContent = text;
});
}
},
};
</script>

上面的代碼演示了如何讀取選擇文件的內容，并將其渲染到Vue組件的模板中。Vue FileReader還支持讀取文件的blob URL、ArrayBuffer、DataURL和JSON格式。

使用Vue FileReader，可以方便地讀取本地計算機上的文件，并將其用于Vue應用程序中的數據提取和處理。