在前端開發中，我們常常會引用一些 js 文件來實現一些特定的功能。Vue 作為一款流行的前端框架，當然也有引用 js 文件的需求。
那么如何在 Vue 中引用 js 文件呢？其實非常簡單，我們可以通過兩個方式來實現。
1. 通過 script 標簽引入
這是最常用的引入 js 文件的方式，Vue 也支持這種方式。
<body>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="./yourJavaScriptFile.js"></script>
</body>在以上代碼中，我們首先引入 Vue 的 cdn。接著通過 script 標簽引入我們自定義的 js 文件，注意順序，先引入 Vue，再引入我們的 js 文件。
2. 在 Vue 的 mount 中引入
通過第一種方式引入 js 文件，我們可以在整個 Vue 項目中使用該文件。如果我們只想在某個組件中使用該 js 文件怎么辦呢？這時我們可以在 Vue 的 mount 中引入。
<template>
<div>
<p>Hello, {{name}}</p>
</div>
</template>
<script>
import yourJavaScriptFile from './yourJavaScriptFile.js';
export default {
data() {
return {
name: 'Vue'
}
},
mounted() {
yourJavaScriptFile();
}
}
</script>
<style>
div {
text-align: center;
font-size: 20px;
}
</style>在以上代碼中，我們通過 import 關鍵字引入了我們的 js 文件。在 mounted 生命周期中調用該函數，執行 js 文件中的邏輯。
除了以上兩種方式，我們還可以通過 requirejs、Sea.js 等模塊加載器來引入 js 文件，但這不是本文討論的重點。
總結
引入 js 文件是我們前端開發中非常常見的操作，Vue 也提供了多種引入 js 文件的方式。我們可以通過 script 標簽引入整個項目使用的 js 文件，也可以在某個組件中通過 import 引入特定的 js 文件。
雖然引入 js 文件可能有時會引發一些問題，如全局污染、腳本沖突等。但總體來說，合理引入 js 文件可以提高我們的開發效率和項目的可維護性。