uniapp의 main.js에서 js를 가져오는 방법

UNIAPP은 멀티 플랫폼 개발을 지원하는 프런트 엔드 프레임워크입니다. 뛰어난 크로스 플랫폼 기능, 유연한 확장성 및 강력한 성능을 통해 개발자는 플랫폼에서 한 번의 개발을 기반으로 여러 플랫폼에 애플리케이션을 쉽게 게시할 수 있습니다. UNIAPP에서 main.js는 중요한 시작 파일입니다. 주요 기능은 JS 파일 가져오기를 포함하여 전역 초기화 및 구성을 수행하는 것입니다. UNIAPP에서 JS 파일을 가져오는 방법을 살펴보겠습니다.

1. 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;

2. Vue 구성 요소에서 JS 파일 사용

JS 파일을 main.js 파일로 가져온 후 이 JS를 수행할 수 있습니다. 파일은 모든 Vue 구성 요소에서 사용됩니다. 시연의 편의를 위해 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;
}

3. UNIAPP에서 JS 파일을 가져옵니다. 매우 간단합니다. main.js 파일에 코드를 추가하기만 하면 됩니다. main.js 파일은 글로벌 초기화를 위한 엔트리 파일이므로 이 파일에서 글로벌 설정 및 임포트가 가능하다. 동시에 Vue 구성 요소에서 JS 파일을 사용하는 것도 매우 편리합니다. 사용해야 하는 구성 요소에서만 가져오기하면 됩니다. 또한 Vue 컴포넌트에서 JS 파일을 가져올 때 상대 경로나 @ 기호를 사용해야 하며, 그렇지 않으면 로드할 수 없는 오류가 발생한다는 점에 유의할 필요가 있습니다.

위 내용은 uniapp의 main.js에서 js를 가져오는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!