Vue에서 JavaScript 파일을 사용하는 방법에는 두 가지가 있습니다. (1) 구성 요소에서 가져오기: 태그를 사용합니다. (2) 기본 애플리케이션에서 가져오기: import 문을 사용하고 Vue.use()를 호출합니다. 방법 . 스크립트를 가져온 후에는 해당 메서드, 속성 및 수명 주기 후크를 구성 요소나 애플리케이션에서 사용할 수 있습니다. </p></blockquote> <p><img src="https://img.php.cn/upload/article/202405/02/2024050222211947931.jpg" alt="vue에서 js 파일 사용하기" ></p> <p><strong>Vue에서 JavaScript 파일을 사용하는 방법 </strong></p> <p><strong>스크립트 가져오기</strong></p> <p>JavaScript 파일을 사용하려면 해당 파일을 Vue 구성 요소 또는 애플리케이션으로 가져와야 합니다. 두 가지 주요 방법이 있습니다. </p> <ul><li><strong>컴포넌트에서 가져오기: </strong></li></ul> <pre><code class="html"><script> import myScript from './myScript.js'; 메인 애플리케이션에서 가져오기: import myScript from './myScript.js'; Vue.use(myScript); 스크립트 사용 스크립트를 가져온 후에 사용할 수 있습니다. Vue 구성 요소에서 사용하거나 응용 프로그램에서 사용하세요. 컴포넌트에 사용됨: export default { methods: { ...myScript.methods } }; 애플리케이션에 사용됨: new Vue({ methods: { ...myScript.methods } }); 스크립트 콘텐츠 JavaScript 파일에는 Vue 컴포넌트 또는 애플리케이션에서 사용할 수 있는 JavaScript 코드가 포함되어야 합니다. 코드에는 다음이 포함될 수 있습니다. 메서드: 구성 요소 또는 애플리케이션 컨텍스트 내에서 호출할 수 있는 함수. 속성: 구성 요소 또는 애플리케이션의 상태 데이터입니다. 라이프 사이클 후크: 구성 요소 라이프 사이클의 여러 단계에서 트리거되는 특수 기능입니다. Notes Vue가 가져올 수 있도록 JavaScript 파일이 export 문을 사용하여 메서드와 속성을 내보내는지 확인하세요. 가져온 스크립트는 Vue 인스턴스와 병합되므로 이름이 충돌하지 않도록 주의하세요. 스크립트에 종속성이나 외부 라이브러리가 포함되어 있는 경우 Vue 프로젝트에 설치해야 할 수도 있습니다. 이 단계를 따르면 Vue 프로젝트에서 JavaScript 파일을 쉽게 사용할 수 있습니다.
