vue 무료 강의를 보면서 테스트 해보려고 합니다.
해당 사이트 주소
https://www.vuemastery.com/courses/intro-to-vue-js/vue-instance/
The Vue Instance - Intro to Vue.js | Vue Mastery
This lesson covers how to get your data from your JavaScript to show up in your HTML.
www.vuemastery.com
페이지에서 Hello Vue 표시하기
2개의 파일 생성
1. index.html
<html>
<head>
<script src="https://unpkg.com/vue"></script>
</head>
<body>
<div id="app">
{{ message }}
</div>
<script src="index.js"></script>
</body>
</html>2. index.js
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
});
관려정보 map
'언어 > vue' 카테고리의 다른 글
| vue Invalid Host header (0) | 2020.08.12 |
|---|---|
| [vue - 4] 배열 변수 값 사용 (0) | 2020.08.04 |
| [vue - 3] if - else 적용 (0) | 2020.08.04 |
| [vue - 2] 이미지 속성 변경하기 (0) | 2020.08.04 |
