Vue.JS: 감시자(watcher) 활용

2023-04-01 학습 재개

watch는 연산(computed) 및 메서드와 같이 객체를 취한다.

정확히 말하면, 데이터 프로퍼티나 연산 프로퍼티에서 사용한 이름을 감시자에서 이름으로 사용할 수 있음.

위의 경우, name이 변경될 때마다 감시자 메서드가 재실행됨.

this.name이라고 참조할 필요도 없으며, 아래처럼(value) 적어도 동일.

watch 프로퍼티의 마지막 값을 인수로 가져오기 때문.

watch: {
  name(newValue, oldValue) {...}
}

위와 같이 두 번째 인수(watch 프로퍼티의 이전 값)를 받아들일 수도 있음.

——–

카운터가 50을 넘을 때 리셋하려면?

watcher로 간단하게 대응 가능.

이것도 살펴보세요!

드래곤 볼 × UT 컬렉션: 소년편, 사이어인편 구매

2023년 5월 1일부터 유니클로(Uniqlo)에서 판매중인 드래곤볼 티셔츠를 두 장 구매. 아내에게도 흰색 티셔츠를 한 장 …

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다