728x90
반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Getting Started</title>
</head>
<body>
<div id="app">
{{ message }}
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js2prince'
}
})
</script>
</body>
</html>
Visual Studio Code 를 실행
CDN 으로 vue.js 코드를 땡겨오고,
Vue 인스턴스를 생성하여 간단한 메시지를 출력하는 페이지를 만들어본다.
728x90
반응형
'Web Programming > Vue.js' 카테고리의 다른 글
| Vue 인스턴스 생성 (0) | 2021.02.25 |
|---|---|
| Vue.js 개발 툴 (0) | 2021.02.21 |
| Vue 는 무엇인가 ? (0) | 2021.02.21 |
| Visual Studio Code 에디터 한글 전환 (0) | 2021.02.21 |
| Vue.js 참고 (0) | 2021.02.21 |