정규표현식 .test( ), 이미지로딩아이콘 생성

정규표현식 /movie로 시작하는 경로를 일치시킨다.

path:/^\/movie/

 

정규표현식 true와 false로 test( ) 하기

path에 들어있는 문자와 this.$route.fullPath에 들어있는 문자를 test()메소드를 통해 두개를 비교후 같으면 true 다르면 false가 나온다.

 

이미지 로드 아이콘 생성

Loader.vue로 로딩모양을 만든뒤 import하여 components에 넣고 data로 imageLoading을 true 주어 Loader.vue에 v-if로 항상 로딩되고 있도록 설정한다.

 

2. plugin에 만든 loadImage가 init에 의해 초기화시작을 하도록 설정하여 mounted로 코드가 시작되면 실행되도록 설정한다 그리고 $loadImage에 인자로 image를 넣는다.

3. plugin안에 loadimage가 app인자로 image를 받아 load가 되면 resolve로 이행 하여 methods의 init에서 true값을 받아 this.imageLoading을 false로 설정하여 로딩을 끝낸다.