반복문안에 img 태그 src 바인딩

이런식으로 3번을 반복 입력해야하는 경우다.

 

 

 

<img :src="require('./assets/room' + i + '.jpg')">

간단하다.

1. src 를 :src 로 한다.
   이건, v-bind:src 를 축약해서 사용하는 문법이다.
   
   
2. src 내 주소를 "require('./assets/room' + i + '.jpg')"
   require로 감싸준다. 이건 해당 주소를 변수로 가져올 수 있게 해준다.
   그래서 중간에 반복문 인덱스인 i 를 삽입할 수 있었다. 

 

 

 

반복문으로 정상 출력되는걸 확인할 수 있다.