반응형
index.html 파일을 하나 생성하여 소스를 넣고 Hello Vue.js 를 출력해보겠습니다.
<html>
<head>
<title>Vue Sample</title>
</head>
<body>
<div id="app">
{{ message }}
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.2/dist/vue.js"></script>
<script>
new Vue({
el : '#app',
data : {
message: 'Hello Vue.js!'
}
});
</script>
</body>
</html>html이 저장된 경로로 가서 html을 실행해봅니다.
출력되는 것을 확인해볼 수 있습니다 : )
* Do it! Vue.js 입문 책으로 공부하며 작성하는 글로 잘못된 정보가 있을 경우 댓글 달아주시면 감사하겠습니다 : )
반응형
'Vue.js' 카테고리의 다른 글
| [Vue.js] 뷰 인스턴스 생명주기 | 라이프 사이클 (0) | 2021.09.05 |
|---|---|
| [Vue.js] 뷰 인스턴스, 생성자, 옵션 속성 (0) | 2021.09.04 |
| [Vue.js] 뷰 개발자 도구(뷰 크롬 플러그인) 설치하기 (0) | 2021.09.02 |
| [Vue.js] Node.js 설치하기 (0) | 2021.09.01 |
| [Vue.js] ATOM 에디터 설치 | 테마, 패키지 다운로드 및 적용 방법 (0) | 2021.08.31 |