다음은 computed 옵션 속성으로 같은 처리를 하도록 작성한 예제 코드입니다.
computed/src/App.vue
<script>
export default {
data() {
return {
firstName: 'Gildong',
lastName: 'Hong',
};
},
computed: {
fullName() {
console.log('computed fullname');
return `${this.lastName} ${this.firstName}`;
},
},
}
</script>
<template>
<h1>{{ fullName }}</h1> <h1>{{ fullName }}</h1>
</template>