UNIAPP是一款支援多平台開發的前端框架，其優秀的跨平台能力、靈活的擴展性以及強大的性能表現，讓開發者可以在一次開發的基礎上，輕鬆地將應用程式發佈到多個平台上。在UNIAPP中，main.js是一個重要的啟動文件，其主要作用是進行全域的初始化和配置，包括導入JS文件。下面我們來看看在UNIAPP中如何匯入JS檔案。
一、在main.js中導入JS文件
在UNIAPP中，可以在main.js的任何位置導入JS文件，可以放在最頂層，也可以放在最底層，都是可以的。具體的操作步驟如下：
1、在main.js中加入程式碼如下：
import "./util.js";
2、將所需要匯入的JS檔案放到工程目錄下的util.js檔案中。
3、在util.js檔案中加入自訂的函數或變量，例如：
function sum(a, b) { return a + b; } export default sum;
二、在Vue元件中使用JS檔案
當我們將JS檔案成功匯入到main.js檔案後，可以在所有的Vue元件中使用該JS檔案。為了方便演示，我們在一個Vue組件中展示具體使用的流程。
1、在HelloWorld.vue檔案中加入程式碼如下：
2、在util.js檔案中加入自訂的函數或變量，例如：
export function sum(a, b) { return a + b; }
三、小結
在UNIAPP中，匯入JS檔案非常簡單，只需要在main.js檔案中加入程式碼。因為main.js檔案是全域初始化的入口文件，所以可以在該檔案中進行全域的設定和匯入。同時，在Vue元件中使用JS檔案也非常方便，只需要在需要使用的元件中匯入即可。此外，值得注意的是，在Vue元件中匯入JS檔案時，需要使用相對路徑或@符號，否則會出現無法載入的錯誤。
以上是uniapp怎麼在main.js導入js的詳細內容。更多資訊請關注PHP中文網其他相關文章！
