jQuery 설치 및 추가

jQuery 설치는

터미널 실행 후 $ npm add jquery --save 입력하면 설치가 완료된다.

$ npm add jquery --save

 

jQuery 사용은

원하는 파일(컴포넌트등)에서 import $ from 'jquery'를 선언하면 jQuery 문법이 사용가능

<script>
import $ from 'jquery'

export default {
    mounted() {
        $(function(){ // DOCUMENT READY...
        /*
        ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
        */(function(){

				
       		console.log('TEST')
								

        })();/*
        ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
        */});// DOCUMENT READY...
    }
}
</script>

 

참고사항으로 jQuery 설치가 정상적으로 되었는지 확인 방법은

터미널에서 $ npm add jquery --save 실행 후 package.json과 package-lock.json을 열어서 보면

기존에 없던 jQuery 검색해보면 속성이 추가된 것을 확인 할 수 있습니다.

 

각 파일에서 import 반복선언 없이 jQuery 전역설정 방법은? 

jQuery 전역 webpack 설정

 

 

Vue CLI jQuery 설정관련 바로가기

STEP1 jQuery 설치 및 추가

STEP2 jQuery 전역 사용을 위한 webpack 설정

STEP3 jQuery 전역 설정 후 ESLint 설정