[ Vue ] NUXT JS 외부 리소스 jQuery 사용하기

NUXT JS 외부 리소스 바로가기

 

NUXT JS 사용하기

 

글로벌 설정 [ nuxt.config.js파일 안에 리소스 include하기 ]

export default {
    script: [
    	{ src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' }
    ]
}

 

로컬 설정 [ pages 디렉토리의 .vue파일 안에서 리소스 include하기 ]

export default {
    script: [
    	{ src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' }
    ]
}

두 방법은 같기 때문에, 전체적으로 jQeury를 사용해야 하는 상황이면 nuxt.config.js파일에, 부분적으로 사용해야 하는 상황이면 .vue파일 안에 include해주면 된다.