Vue CLI 是一個官方的腳手架工具，它可以快速搭建 Vue.js 開發環境。在 Vue CLI 中使用外部 JavaScript 文件是一個非常常見的需求。下面我們將會介紹如何在 Vue CLI 中引入外部 JavaScript 文件。

首先，我們需要在 Vue CLI 項目中引入外部 JavaScript 文件。我們可以使用import或者require語法導入外部 JavaScript 文件。

// 使用 import 語法導入外部 JavaScript 文件
import myScript from './myScript.js';
// 使用 require 語法導入外部 JavaScript 文件
const myScript = require('./myScript.js');

現在我們得到了myScript這個變量，可以在 Vue.js 的methods中直接調用這個函數。

export default {
name: 'app',
methods: {
handleClick() {
myScript();
}
}
}

在myScript.js中我們可以進行任何 JavaScript 操作，例如操作 DOM。

function myScript() {
const h1 = document.querySelector('h1');
h1.style.color = 'red';
}

在 Vue CLI 中引入外部 JavaScript 文件就是這么簡單。我們可以使用import或者require語法導入外部 JavaScript 文件，然后在 Vue.js 中進行調用。