Vue.js 是一款流行的前端框架，它提供了一套優雅的方式來構建用戶界面。Vue.js 基于組件，一個組件可以包含 HTML 模板、CSS 樣式和 JavaScript 方法，將這三者合并到同一個文件中，讓代碼更加清晰易懂。

在 Vue.js 中使用 JavaScript 文件是很常見的操作?？梢允褂萌忠牖蛘呔植恳氲姆绞絹硎褂?JavaScript 文件。全局引入的方式會將所有文件都引入，但是這種方式有時候并不高效，因為有些文件并沒有被用到。因此，局部引入是一種更好的方式。

局部引入 JavaScript 文件，可以通過 Vue.js 提供的組件選項來實現。組件選項中有一個名為script的選項，可以用來引入局部的 JavaScript 文件。使用這個選項，可以將 JavaScript 文件和組件關聯起來，讓文件只在必要的時候再被加載，從而提高性能。

在 Vue.js 中，局部引入 JavaScript 文件的步驟如下：

Vue.component('my-component', {
script: {
src: 'my-component.js'
},
template: '
Here is my component
'
})

在上面的例子中，我們在組件選項中添加了一個script選項，然后設置了 Script 標簽的 src 屬性為 'my-component.js'。這樣，當我們使用組件時，my-component.js 文件就會被引入，這樣就能避免將所有 JavaScript 文件都加載進來，提高性能。

除了使用script選項來局部引入 JavaScript 文件，我們還可以使用 require() 來引入文件。

Vue.component('my-component', {
script: {
require: './my-component.js'
},
template: '
Here is my component
'
})

在上面的例子中，我們在script選項中使用了 require() 方法來引用文件。這種方式也可以實現局部引入 JavaScript 文件的效果。

總的來說，Vue.js 提供了一種非常方便的方式來實現組件化開發，同時也提供了局部引入文件的方式來提高性能。很多開發者認為 GitHub 上的 Vue.js 開源庫就是一個很好的例子，因為它允許你只在需要的時候才加載文件，提高網站的性能。