使用公共JS文件是開發(fā)者分享代碼、提高代碼重用性的一種很好的方式。Vue.js也支持導(dǎo)入、使用公共JS文件，下面將介紹引用公共JS的方法。

首先，在你的Vue.js項目中新建一個js文件，名字可以自定義，比如我們這里創(chuàng)建了一個叫public.js的文件。

// public.js文件
// 定義一個公共方法
function publicMethod() {
// do something...
}
// 導(dǎo)出方法
module.exports = {
publicMethod
};

然后，在Vue.js項目的入口文件main.js中引入public.js這個文件并注冊為全局變量。

// main.js文件
// 引入public.js
import publicJs from './public.js';
// 注冊公共變量
Vue.prototype.$publicJs = publicJs;

最后，在Vue.js項目中的任意一個組件中即可使用公共方法publicMethod。

// 單文件組件
// 在組件中使用公共方法
export default {
name: 'myComponent',
methods: {
doPublicMethod() {
this.$publicJs.publicMethod();
}
}
}

需要注意的是，如果你使用的公共JS文件中含有jQuery等第三方庫，應(yīng)當先保證這些第三方庫已經(jīng)被全局引入。

此外，如果你的公共JS文件中包含了ES6的語法，需要安裝babel相關(guān)loader進行轉(zhuǎn)譯。

// 安裝相關(guān)loader
npm install babel-loader @babel/core @babel/preset-env -D

然后，在webpack-config.js文件中添加babel-loader配置。

// webpack-config.js
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: [
{
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
]
}
]
}

以上是使用公共JS文件的方法，可以極大提高代碼重用性、避免重復(fù)編寫相似的代碼，提高開發(fā)效率，降低出錯率。