더북(TheBook)
<script>
export default {
  data() {
    return {
      count: 0
    }
  }
}
</script>
<template>
  <button @click="count++">Count is: {{ count }}</button>
</template>
<style scoped>
button {
  font-weight: bold;
}
</style>

아직 뷰를 배우지 않았지만, 앞의 코드가 어떤 의미인지는 대략 파악할 수 있습니다. 결국 뷰를 구성하는 문법은 HTML, CSS, 자바스크립트가 전부이기 때문입니다. 그래서 이를 알고 있다면 뷰를 접해보지 못했어도 코드를 이해하는 게 어렵지 않습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.