export default와 new Vue 관련

Question

설명 중에 궁금한 것이 있습니다. 아래와 같이 변수와 인스턴스를 사용하는 방법, var my_cmp = { ... }; new Vue({...} 그리고 export default를 사용하는 것의 차이는 제가 이해한 것이 맞는지 궁금합니다. 첫번째 사례는 component 내에서 template를 적용하는 것이고 두번째 export default는 만들어진 컴포넌트를 불러서 사용하는 것인지? 설명중에 위의 방법이 ES5방법이라고 언급해서 제가 맞게 이해하고 있는지 궁금합니다. 그리고 export default에 대한 언급이 없던데, 이건 import 한 component를 현재 작업 중이 template로 가져온다는 것인가요?

캡틴판교 · Answer

안녕하세요 김형수님,
export default는 ES6의 modules 구문입니다. 설명을 좀 덧붙이자면 기존의 ES5 방식은 변수에 컴포넌트 내용을 넣어 인스턴스 안에서 참조하는 방식입니다. 같은 파일 내에 변수를 선언했기 때문에 그냥 일반 자바스크립트 값을 참조하듯이 참조할 수 있습니다. export default는 다른 파일의 있는 내용을 참조해오기 위한 방식입니다. 자세한 내용이 궁금하시면 아래 내용 참고해보세요.
https://babeljs.io/docs/en/learn#modules