Vue.js是一個流行的JavaScript框架，具有簡單易用、靈活性高、高效等特點。Vue.js支持引用本地或遠程的JavaScript代碼文件。在Vue.js中引用JS文件不僅可以使代碼更加簡潔，還可以減少代碼量，更容易維護。

在Vue.js中引用JS文件有兩種方式：一種是直接通過script標簽引入外部JS文件，另一種是使用import語句引入JS文件。

首先，我們可以在Vue.js中直接通過script標簽引入外部JS文件。以下是一個簡單的例子：

<template>
<div>
<h1>Vue引入JS文件示例</h1>
</div>
</template>
<script>
export default {
mounted() {
const myScript = document.createElement('script');
myScript.setAttribute('src', '/path/to/js/file.js');
document.body.appendChild(myScript);
}
}
</script>

另外一種通過import語句引入JS文件的方式也可用于Vue.js中引用JS文件，如下所示：

<template>
<div>
<h1>Vue引入JS文件示例</h1>
</div>
</template>
<script>
import { myMethod } from '/path/to/js/file.js';
export default {
mounted() {
myMethod();
}
}
</script>

需要注意的是，使用import語句引入JS文件需要一個支持ES6模塊的環境，否則會出現錯誤。

綜上所述，Vue.js引用JS文件可以使代碼更加簡潔、易于維護，提高開發效率，我們應該選擇適合自己的方式，提高開發效率。