vue.js 설치 및 적용
vue.js를 사용하기 위해서는 npm 방식과 cdn방식이 있는데 공부할때는 사실 cdn 방식이 편하다.
vue.js를 사용하고자 하는 html에 스크립트를 추가해준다.
<body>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</body>
위와 같이 코드만 불러와주면 빠르게 적용이 가능하다.
그럼 아래와 같이 코드를 작성하여 vue를 정상적으로 불러왔는지 테스트해본다.
<body>
<div id="app">
<div>{{ message }}</div>
<input type="text" v-model="message" />
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
var firstApp = new Vue({
el: "#app",
data: {
message: "first vue.js app",
},
});
</script>
</body>위와 같이 적은 후에 아래와 같이 출력되면 테스트는 완료 이후부터 차차 정리해야겠다.
