software engineering/web

Vue.js watch 속성

일리홍 2019. 9. 6. 17:48

watch 속성은 기본적으로 특정 값이 바뀔 때 실행할 비동기 함수를 선언하는 기능이다.

 

computed와 굉장히 비슷하다.

computed는 선언형 프로그래밍 방식으로 결과값으로 받으려는 목표 데이터를 정의하고,

watch는 명령형 프로그래밍 방식으로 타겟값이 변경될 때마다 실행할 함수를 정의한다.

 

어제 사용했던 방법은 prop 값과 똑같이 watch 속성을 명명해서 해당 prop 값이 바뀔 때마다 알아서 함수를 실행하도록 하는 것이었다.

편하다.

 

https://kr.vuejs.org/v2/guide/computed.html#watch-%EC%86%8D%EC%84%B1