3.1.3 main.js

index.html 파일에서 main.js 파일을 불러오면 뷰 애플리케이션의 코드가 실행됩니다. main.js 파일은 뷰 애플리케이션을 초기화하고 구성하는 역할을 하는 파일입니다. src/main.js 파일을 열면 다음과 같은 코드가 작성되어 있습니다.

src/main.js

import './assets/main.css' -------- ➊
import { createApp } from 'vue' --- ➋
import App from './App.vue' ------- ➌
createApp(App).mount('#app') ------ ➍

➊ main.css 파일을 불러와서 컴포넌트에 스타일을 적용합니다.

➋ vue 패키지에서 함수를 가져옵니다. 모든 뷰 애플리케이션은 하나의 인스턴스를 가지는데, createApp() 함수가 뷰 애플리케이션의 인스턴스를 생성하는 역할을 합니다.

➌ App.vue 파일을 불러옵니다. 이 파일이 루트(root) 컴포넌트가 됩니다. 컴포넌트에 관해서는 3.1.4 App.vue에서 설명합니다.