Vue.js import, export

1. 상품 데이터 등이 너무 큰 경우, 따로 파일로 관리할 수 있다.
그리고 이 파일을 import 하면 됨

2. import 방법은 2가지 있음
1) 데이터 파일에서 변수 하나 선언하고 export

// 데이터 파일 쪽(data.js)
var apple = 10;
export default apple

// 사용하는 쪽(App.vue)
import apple from './assets/data.js'

아래처럼 변수명이 달라져도 됨

import importedApple from './assets/data.js'

2) 데이터 파일에서 변수가 여러개일 경우 export

// 데이터 파일 쪽(data.js)
var apple1 = 10;
var apple2 = 10;
export { apple1, apple2 }

 

// 사용하는 쪽(App.vue)
import { apple1, apple2 } from './assets/data.js'

 

3. vue 파일에 css 파일 당근 import 가능

@import 'style.css';