在前端开发中，打开文件地址是一个非常重要的功能，通常需要借助于一些插件或者库来实现。而Vue作为一个流行的前端框架，也提供了非常方便的方法来实现打开文件地址的功能。

首先，我们需要使用Vue提供的input组件来实现文件上传的功能。input组件有一个type属性，可以设置为file来实现上传文件的功能。例如：

<input type="file" ref="fileInput" @change="openFile" />

在这段代码中，我们使用了ref属性来获取input组件的DOM结构，同时使用了change事件来监听文件上传的动作。这样，当用户选择文件并上传的时候，就会触发openFile函数。

接下来，我们需要使用JavaScript来实现打开文件地址的功能。我们可以使用FileReader对象来读取选择的文件，然后再将文件的内容展示在页面上。例如：

openFile() {
const file = this.$refs.fileInput.files[0];
const reader = new FileReader();
reader.readAsText(file);
reader.onload = () =>{
const fileContent = reader.result;
console.log(fileContent);
};
}

在这段代码中，我们首先获取了上传文件的DOM结构，然后使用了FileReader对象来读取文件内容。读取完成后，将文件内容通过console.log打印在控制台上。如果想要将文件内容展示在页面上，可以在模板中添加一个pre标签来展示，例如：

<pre class="file-content">{{ fileContent }}</pre>

在这段代码中，我们使用了双大括号语法来展示文件内容。同时，我们还可以通过添加一个class来设置样式。

除了使用FileReader对象，我们还可以使用URL.createObjectURL方法来实现打开文件地址的功能。例如：

openFile() {
const file = this.$refs.fileInput.files[0];
const fileUrl = URL.createObjectURL(file);
window.open(fileUrl);
}

在这段代码中，我们首先获取了上传文件的DOM结构，并使用URL.createObjectURL方法将文件转换成URL地址。然后，使用window.open方法打开文件地址，就可以在新的标签页中展示文件内容。

总的来说，Vue提供了非常方便的方法来实现打开文件地址的功能。无论是使用FileReader对象还是URL.createObjectURL方法，都可以实现这个功能。同时，我们还可以结合Vue提供的input组件和模板语法来优化这个功能的体验。