0. 문법
파이썬과 달리 import를 하기 전에 가져 올 파일에서 export를 먼저 해야 한다.
#파일1 var num1 = 100; export default num1 #파일2.vue import ~ from './파일1경로'
0.1 규칙
- import 이름은 자유롭게 가능
- export default는 파일의 끝에서 한 번만 사용 가능
export할게 많으면?
export{}를 쓴다
#파일1
var num1 = 100;
var num2 = 200;
export {num1, num2}
#파일2.vue
import {num1, num2} from './파일1경로'다만, 이 방식을 사용하면 export default 때와 달리 import 명을 따로 정할 수 없다.
예시
주어진 데이터가 아래 같은 형태로 있을 때 img가 필요한 경우
var data = [{
num:0,
name:a,
info:??,
img:"~"
},
{
num:1,
name:b,
info:??,
img:"~"
}];
export default data;내 풀이
<div v-for="(i, j) in data" :key="i"> <img src="{{data[j]['img']}}"> </div>
더 깔끔하게
{{data[j]['img']}}대신i.img를 넣었어도 해결
참고
