→ 모든 Vue 앱은 createApp
함수를 사용하여 새로운 앱 인스턴스를 생성하여 시작한다.
import { createApp } from 'vue'
const app = createApp({
/* 최상위 컴포넌트 옵션 */
})
→ createApp
에 전달하는 객체는 컴포넌트이다.
모든 앱에는 다른 컴포넌트를 자식으로 포함할 수 있는 **“최상위 컴포넌트”**가 필요하다.
싱글 파일 컴포넌트를 사용하는 경우, 일반적으로 다른 파일에서 루트 컴포넌트를 가져온다.
import { createApp } from 'vue'
// 싱글 파일 컴포넌트에서 최상위 컴포넌트 앱을 가져온다.
import App from './App.vue'
const app = createApp(App)
→ 대부분의 앱은 중첩되고, 재사용 가능한 컴포넌트 트리로 구성된다.
→ 앱 인스턴스는 .mount()
메서드가 호출될 때까지 아무 것도 렌더링하지 않는다.