[vue] img태그 바인딩하기 - require 사용

img태그의 src 속성에 이미지의 상대 경로를 넣어주면 사진이 잘 나온다. 

 

그러나 이미지 경로를 인스턴스의 데이터로 바인딩해주려고 하면 사진이 안뜬다.

이때 바인딩은 v-bind:src 또는 축약형인 :src 라고 써주어 바인딩한다.

해결법은 이미지 경로를 require해주면 된다!

 

 

이렇게 사용해도 된다.