jquery 라이브러리 사용하려고 했는데 안된다

메인페이지 화면에 이미지 슬라이드를 구현하려고 jquery js 파일을 가져와 프로젝트에 포함시켜주고

 

작업을 했다.

 

결과를 확인했는데 안된다

 

다른 에디터 프로그램으로 위에 이미지 슬라이드가 잘되는건 확인했는데 vue에서 안된다;;;

 

 

1. created 에서 api 호출 이미지 가져와 화면에 뿌림

2. 뿌린 이미지에 대해서 이미지 슬라이드 동작해야되는데 안됨

 

 

vue 사이트에 보면 [ vue 라이프사이클 다이어그램 ] 을 보면 이유를 알 수가 있다.

 

 

 

 

1. created 에서 api 호출 이미지 가져와 화면에 뿌림

-> 동작이 끝나기전...화면이 만들어지기 전에...

 

2. 뿌린 이미지에 대해서 이미지 슬라이드 동작해야되는데 안됨

-> js에서 이미지 슬라이드 동작될 id 값을 못찾아서 안됨

 

 

해결방법은...

 

created()에서 동작이 모두 끝나면...

 

잘됨...