[Vue] import / export

다른 component 를 가져오거나, 가져오기 위해 등록하는 방법은 다음과 같다.

1. 기본(전체)

• export

 export default {
   // 컴포넌트 내용
 };

• import

import MyComponent from './MyComponent.vue';
// MyComponent는 import 등록명이며 반드시 파일명과 일치할 필요 없음

2. 개별

• export

// MyComponent.vue
export const myName = '홍길동';
export const myAction = fcuntion() {console.log('순간이동')};

• import

// 단일 import
import {myAction} from './MyComponent.vue';
// 복합 import
import {myName, myAction} from './MyComponent.vue';
// 다수인 경우
import * as myComponents from './MyComponent.vue';

3. 기본 모듈 불러오기

• import

import {createApp} from 'vue'; // 'vue' 기본 라이브러리