[Vue] 5. Vue advanced

1. computed

---

• Vue instance가 가진 options 중 하나

• computed 객체에 정의한 함수를 페이지가 최초로 렌더링 될 때 호출하여 계산
  • 계산 결과가 변하기 전까지 함수를 재호출 하는 것이 아닌 계산된 값을 반환

• method vs computed

  	method	computed
  	호출 될 때마다 함수를 실행	함수의 종속 대상의 변화에 따라 계산 여부가 결정
  	같은 결과여도 매번 새롭게 계산	종속 대상이 변하지 않으면 항상 저장(캐싱)된 값을 반환

2. watch

---

• 특정 데이터의 변화를 감지하는 기능
  1. watch 객체를 정의
  2. 감시할 data를 지정
  3. data가 변할 시 실행할 함수를 정의

• 실행 함수를 Vue method로 대체 가능

• Array, Object의 내부 요소 변경을 감지 위해서는 deep 속성 추가 필요

3. filters

---

• 텍스트 형식화를 적용할 수 있는 필터

• interpolation 혹은 v-bind를 이용할 때 사용 가능

• 필터는 JS 표현식 마지막에 ‘|’ 와 함께 추가되어야 한다.

• 이어서 사용(chaning) 가능

Uploaded by N2T