[ Vue ] vue 프로젝트에 Jquery 설치하기

 

Jquery쓰지 말라는 개발자들의 이야기는 진짜 많이 들었다.

간단한 class추가, element선택은 JS로 가능하니 최대한 안쓰려고 하고 있었다.

 

특정 element 클릭시 스르륵 그 element로 이동하는 스크롤 이벤트를 찾아봤는데

window.scrollTo({ top: 100, left: 100, behavior: 'smooth' }); 

behavior가 크롬에선 사용되는데 사파리에선 안되길래 JS로 방법을 찾아봤다.

 

JS로 하면 코드도 엄청 어려울 뿐만 아니라 코드가 엄청 길어서

결국 프로젝트에 jquery를 데리고 오게 되었다..😅

 

 

 

 

  설치  

npm install --save jquery

 

 

  사용  

jquery를 사용하는 파일에 import 후 사용

import $ from 'jquery';

 

나는 한 컴포넌트에 사용해서 이렇게 사용을 했으나,

전역 사용이나 eslint나 webpack을 사용한다면 아래 게시글을 참고해서 세팅을 해 주도록 한다.

hello-bryan.tistory.com/291

 

 

 

근데 따로 설정 해도, 안해도 결과는 그대로 잘 되긴 했다.

 

---

✔︎참고

stackoverflow.com/questions/51229742/javascript-window-scroll-behavior-smooth-not-working-in-safari