<!doctypehtml><htmllang=""><head> <metacharset="utf-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-scale=1"> <linkrel="icon"href="/favicon.ico"> <title>demo</title> <scriptdefer="defer"src="/js/chunk-vendors.68b8cc10.js"></script> <scriptdefer="defer"src="/js/app.7c122322.js"></script> <linkhref="/css/app.2cf79ad6.css"rel="stylesheet"></head><body><noscript><strong>We're sorry but demo doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript> <divid="app"></div></body></html>
index.html 파일 중에서 다음 영역을 제어한다.
<div id="app"></div>
import 키워드를 통해 대상 외부 요소에서 export된 내용을 불러올 수 있다.
vue 모듈 불러오기
Vue application을 생성하기 위해 필요한 함수인 createApp 함수를 vue 의존성에서 불러오기 위한 코드이다.
import {createApp} from'vue'
import 뒤에 { }를 사용하는 경우는 내보낸 요소들 중에서 원하는 항목을 선택적으로 불러오기 위해 사용한다.