Vue Single File Component(SFC)
Vue 프로젝트에서, 전역 컴포넌트는 Vue.component를 사용해 정의되고, 다음에 모든 페이지의 컨테이너 엘리먼트를 대상으로 하는 new Vue({el: '#container'}) 가 정의 됨
이것은 특정 뷰를 향상시키는 용도로만 사용되는 중소 규모 프로젝트에서 유용하지만, 좀 더 복잡한 프로젝트에서의 경우 또는 프론트엔드가 JavaScript 기반인 경우 단점이 분명해 짐.
- 전역 정의 모든 구성 요소에 대해 고유한 이름을 지정하도록 강요됨.
- 문자열 템플릿 구문 강조가 약해 여러 줄로 된 HTML에 보기 안 좋은 슬래기사 만히 필요함.
- CSS 지원 없음 HTML 및 JavaScript가 컴포넌트로 모듈화 되어 있으나 CSS가 빠져 있는 것을 말합니다.
- 빌드 단계 없음 babel과 같은 전처리기가 아닌 HTML 및 ES5 JavaScript로 제한 됨.
위의 문제점들은 webpack 또는 browserfi 등과 같은 빌드 툴을 이용하여 .vue 확장자를 가진 싱글파일컴포넌트로 해결 됨.
| 출처:[Vue.js 공홈 | 싱글파일컴포넌트](https://kr.vuejs.org/v2/guide/single-file-components.html) |