인스턴스를 생성할 때 인스턴스의 구성 요소를 객체로 전달하는 방법은 매우 간단해 보입니다. 하지만 장기적으로 봤을 때 객체에 포함되는 구성 요소의 코드가 길어지면 길어질수록 가독성이 떨어지고 코드의 유지보수도 어려워집니다.

뷰에서는 이러한 단점을 극복하기 위해 SFC라는 독자적인 파일 형식을 만들었습니다. 인스턴스의 구성 요소를 SFC 파일에 따로 작성하는 방식으로 문제를 해결한 것이죠.

3.1 뷰 애플리케이션의 기본 구조에서 살펴본 App.vue가 SFC 파일입니다. 이 파일에는 뷰 애플리케이션 인스턴스의 설정 정보가 들어 있습니다. 인스턴스를 생성할 때 SFC 파일을 createApp() 함수의 매개변수로 전달하면 SFC 파일의 설정 정보를 가져와 인스턴스를 생성합니다. 이 방법으로 작성한 코드가 main.js 파일입니다.