[Vue.js] watch 사용법

jihye_son·2022년 2월 21일
0

Vue.js

목록 보기
19/24

computed와 watch 를 이론적으로만 알고 실습에 사용한 건
거의 처음이다!
첫날에는 헤매다가 차근차근 접근했더니 실마리가 풀렸다...!
이 기분에 코딩하는 것 같다....ㅠㅠ
이유가 별건 아니긴 했는데 점점 알아가는 것 같아서 기쁘다

( 숫자+건)이 mounted에 적용이 안됐던 이유는

exceptData.length 를 countData 에 넣어주는 과정을
계속해서 갱신해줘야하는데
내가 갱신을 해주지 않아서(?) 계속해서 똑같은 숫자가 나왔던 것이다
count() 메소드를 length가 바뀌는 과정에서 호출해주니
새로 count length 된 숫자가 countData 에 계속 들어가게 되면서
그제서야 갱신되기 시작했다 ㅎㅎ

내가 보기 쉽게 정리한 사용법

watch : {
	감시하는 데이터 : function( 사용할 인스턴스들 없으면 생략가능 ) {
    	감시하는 데이터가 바뀔 때 동작될 코드; 
        },

다행히 내가 사용했던 watch 사용법이 틀린것은 아니었다!
다음에는 이전에 공부했던 watch 와 computed 를 비교해보겠다.

profile
뽀짝뽀짝 나는야 FE 개발자

0개의 댓글