vue 구성 요소 내부에 외부 js를 포함하는 방법

vue 구성 요소 내부에 외부 js를 포함하는 방법

제가 만들고 싶은 건slide image인터넷에서 얻은 jQuery 슬라이드 이미지를 사용하여 앱에서 사용할 수 있습니다.이 소스는 외부 JS 및 CSS를 포함해야 합니다.

이 외부 라이브러리를 특정 컴포넌트에만 사용하고 싶기 때문에 특정 컴포넌트에만 Import할 수 있습니다).Home Component).

내 앱은webpack모듈 번들러로서 사용합니다.외부 js 파일을 Import하려면 어떻게 해야 합니까?실내에서 해 봤어요.<script>Vue 컴포넌트에서는 다음과 같은

var slide = require('assets/template/js/jssor.slider-26.1.5.min.js');

하지만 오류가 발생했습니다.

Error: Cannot find module "assets/template/js/jssor.slider-26.1.5.min.js"

내 응용 프로그램 구조

만약 내가 가져온 방법이js files이 js를 홈컴포넌트에서만 사용하는 올바른 방법은 잘못된 것입니다.index에 등록하면 모든 컴포넌트가 히트하지 않습니다.

모듈 경로는 컴파일되는 파일을 기준으로 해결됩니다.이 경우 외부 스크립트를 Import하려면 다음과 같은 경로가 필요합니다.

var slide = require('../assets/template/js/jssor.slider-26.1.5.min.js');

언급URL : https://stackoverflow.com/questions/46039148/how-to-include-external-js-inside-vue-component