[웹앱 제작으로 배워보는 Vue.js, ES6, Vuex] ES6 of Vue.js (2)

 

Modules?

자바스크립트 모듈화 방법

---

// libs/math.js
export function sum(x,y) {
  return x+y;
}
export var pi = 3.141593;

// main.js
import {sum} from 'libs/math.js';
sum(1,2);

 

default export

한 개의 파일에서 하나밖에 export되지 않는다. 모듈화 방법.

// util.js
export default function(x) {
  return console.log(x);
 }
 
 // main.js
 import util from 'util.js';
 console.log(util); // function(x) {return console.log(x);}
 util("hi");
 
 // app.js
 import log from 'util.js';
 console.log(log);
 log("hi");