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>
위와 같이 적은 후에 아래와 같이 출력되면 테스트는 완료 이후부터 차차 정리해야겠다.
댓글을 사용할 수 없습니다.