[Vue.js] 인스턴스 속성

Vue의 인스턴스는 다음과 같은 속성(옵션)들을 가지고 있다.

• data
• el
• methods
• computed
• watch

computed

우선 getter란, 객체의 특정 프로퍼티값을 가져오도록 하기 위한 메소드이다.
computed는 반응형 getter함수라고 할 수 있다.
그렇다면, 메소드로 사용해도 똑같지 않은가? 라고 생각 할 수도 있다.(내가 그 점이 궁금했다.)
computed속성은 종속 대상을 따라 캐싱이 된다. 따라서 종속 대상이 변경될 때만 함수를 실행하며, method속성을 이용할 경우 캐싱이 되지 않기 때문에 변경이 되지 않았을 때도 함수가 실행된다.

참고 : Vue.js Guide