3.6.1 계산된 속성

계산된 속성(computed)은 옵션스 API에서 제공하는 속성 중 하나로, computed 옵션 속성으로 정의해 사용할 수 있습니다. computed 옵션 속성은 컴포넌트에서 자주 사용하는 데이터를 캐시(cache, 데이터를 메모리 같은 곳에 임시로 저장하는 것)해 애플리케이션의 성능을 향상시키는 데 목적이 있습니다.

다음 코드를 봅시다. 이 코드는 성과 이름을 각각 다른 데이터에 저장합니다. 그리고 성과 이름을 반복해서 표기할 때마다 애플리케이션은 데이터의 값을 참조합니다.

no-computed/src/App.vue

<script>
export default {
  data() {
    return {
      firstName: 'Gildong',
      lastName: 'Hong',
    };
  },
}
</script>
<template>