시작하기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="root"></div>
<script>
const app = new Vue({
el: '#root',
data: {},
methods: {}
})
</script>
</body>
</html>HTML 파일안에서 사용가능하고 따로 Vue 파일로도 생성가능하다.
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>Vue 를 바로 사용가능하게해주는 CDN이고 el, data, methods 가 script 의 기본구조이다.
el : div 태그의 id,
data : 사용되는 data,
methods : 함수
app 은 Vue 의 instance
실천하는 보현이가 되자, 제발