Vue computed 프로퍼티 처리 하는 방법.

---

🔘 Vue computed  프로퍼티 처리 하는 방법

 

Vue computed  프로퍼티 처리 하는 방법은 data 처리 하는 방법과 다르다.

addDisabled computed 를 예로 든다.

 

vue 는 addDisabled에 대해 지연 와처 ( lazy watcher )를 생성하고

이 와처를 평범한 자바스크립트 객체로 구현된 일종의 map 인  vm._computedWatchers 에 넣는다. 

 

프로퍼티의 이름인 addDisabled 는 키 ( key ) 가 되고 와처 객체는 값 ( value )  이 된다.

이 와처를 computed 와처라고 부른다.

 

렌더 함수가 호출할 때만 addDisabled 프로퍼티를 평가하기 때문에 지연 ( Lazy ) 평가이다.

 

내부적으로  Vue 는 평가 후에 이 값을 와처의 값 프로퍼티에 저장한다.

공개 접근을 위해 Vue 는 vm.addDisabled 에 접근하는 게터 함수를 생성한다.

 

이 게터 내부에서 computed 와처가 computed 프로퍼티를 평가하고 의존성을 수집한다.

---