<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, 자바스크립트가 전부이기 때문입니다. 그래서 이를 알고 있다면 뷰를 접해보지 못했어도 코드를 이해하는 게 어렵지 않습니다.