<template>
	<!--html태그가 들어갈 곳-->
</template>

<script>
//자바스크립트 코드가 들어갈 곳
export default {
  data() {
    return {
      userName: 'John Doe'
    }
  }
}
</script>

<style scoped>
//현재 컴포넌트에만 적용하는 css
</style>

→ function data( ) 이지만, function이라는 키워드는 생략

→ data라는 함수이며

→ key가 userName이고

→ value가 John Doe

→ 라는 object를 리턴한다.

📌단방향 데이터 바인딩