3.3.2 옵션스 API 사용하기

SFC 파일의 <script> 태그 영역에는 SFC 파일에서 사용할 로직을 자바스크립트로 작성합니다. 이때 사용하는 문법이 2가지 있는데, 그중 하나가 SFC 파일의 기본 형식에서 언급한 옵션스 API(options API)입니다. 옵션스 API는 다음과 같이 export default 키워드로 내보내는 객체({}) 안에 여러 속성을 사용하는 형태입니다.

src/App.vue

<script>

export default {}

</script>
<template></template>
<style></style>

원래 자바스크립트의 객체는 자유롭게 속성을 정의할 수 있습니다. 하지만 뷰에서 export default 키워드로 내보내는 객체는 뷰에서 약속된 속성을 사용해야만 합니다. 이러한 속성을 지칭할 때 ‘옵션 API’라고도 하고, ‘옵션스 API에서 제공하는 속성’ 또는 ‘옵션 속성’이라고도 하는데, 이 책에서는 옵션 속성이라고 하겠습니다. 옵션 속성은 다음과 같습니다.