uniapp怎麼在main.js導入js

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檔案中加入程式碼如下：

<script>
import { sum } from "@/util.js";

export default {
  data() {
    return {
      num1: 1,
      num2: 2,
    };
  },
  methods: {
    handleClick() {
      const result = sum(this.num1, this.num2);
      console.log(result);
    },
  },
};
</script>

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中文網其他相關文章！