[Vue.js] computed와 watch 본문 요약

computed 속성 템플릿 내에 표현식을 넣으면 편리합니다. 하지만 간단한 연산일 때만 이용하는 것이 좋습니다. 많은 연산을 템플릿 안에서 하면 코드가 비대해지고 유지보수가 어렵습니다. # 이 템플릿은 더 이상 간단하고 명료하지 않습니다. # 복잡한 로직이라면 반드시 computed 속성을 사용해야 하는 이유입니다. <div id="example"> {{ message.split('').reverse().join('') }} </div> 기본 예제 <div id="example"> <p>원본 메시지: "{{ message }}"</p> <p>역순으로 표시한 메시지: "{{ reversedMessage }}"</p> </div> # "message"의 값이 변경되면 "reverseMessage" 갱신 합니다. 즉, "computed"는 편하며 자동으로 값을 변경(종속성 및 반응형)하고 캐싱 해주는 "반응형 getter(게터)"라고 부릅니다. var vm = new Vue({ el: ...

원문링크 : [Vue.js] computed와 watch 본문 요약