- 뷰(Vue.js) 시작하기
Introduction | Vue.js
vuejs.org
// vue.js 스크립트 추가
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>- 뷰(Vue.js)로 '좋아요' 버튼 만들기
<head>
<title>좋아요</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="root">
<div v-if="liked">좋아요 눌렀음</div>
<button v-else v-on:click="onClickButton">Like</button>
</div>
</body>
<script>
const app = new Vue({
el: '#root',
data: {
liked: false
},
methods: {
onClickButton() {
this.liked = true;
}
}
});
</script>- 결과물
좋아요 눌렀음
- 참고자료
[무료] 웹 게임을 만들며 배우는 Vue - 인프런 | 강의
간단한 8가지 웹 게임을 만들며 Vue.js와 Vue와 함께 사용되는 Vuex, Vue Router를 배워봅니다., - 강의 소개 | 인프런...
www.inflearn.com