[웹] Vue.js(2)

Vue.js의 모듈화

 

module

• 프로그램을 기능별로 여러 개의 파일로 나누는 형태
• 가져오기 : import
• 내보내기 : export, export default

import 예시

import {title, multi} from 'calcul';

export 예시

export const title = '계산기 모듈';
export function multi(i,j){
	return i*j;
}

// export default
export default{
	title = '계산기 모듈',
    multi(i,j) {return i*j}
}

 

※ Vue.js 에서 모듈로 파일을 분리해서 components 로 넣어줄 때 HTML 뿐만 아니라 Vue 객체(data, method, created() 등)도 js 파일에 따로 넣어줍니다.