Vue. JS

07 Watch 속성

WOOKTAE 2021. 2. 3. 22:30

먼저 VUE 공식 가이드에 나와있는 Computed 와 Watch 에 대한 속성이다.  가이드에 나와 있듯이 Watch 보다는 Computed 를 사용하라고 권장하고 있다.

 

 

소개를 하자면 처음 브라우저에는 욱태  <버튼> 눈이와요 가 출력될 것이고 버튼을 클릭하게 되면 message 는 홈런볼로 변하게 되며 !!

message를 감시하고 있던 watch 에서 먼저 콘솔로그에 메개변수로 받은 newValue 와 oldValue 를 출력하고 updated 는 눈이 그쳤어요 로 변환시킨다.

 

초기값들로 출력되는걸 확인할 수 있다.

 

버튼 클릭시 해당 욱태. > 홈런볼  눈이와요 > 눈이 그쳤어요로 변환되는걸 확인가능하다.

 

이와함께 콘솔로그에도 newValue 와 oldValue가 출력되는걸 확인 가능 !

 

'Vue. JS' 카테고리의 다른 글

09 v-fi 와 v-show  (0) 2021.02.08
08 클래스 & 스타일 바인딩  (0) 2021.02.08
06 Computed 속성  (0) 2021.02.03
05. 데이터 양방향 바인딩 (Data Two Way Binding)  (0) 2021.01.31
04. 이벤트(Event)  (0) 2021.01.31