[Vuejs] methods/ computed/ whatch

2021. 5. 12. 00:45프론트엔드/Vue.js

728x90

 

 

computed와 methods의 차이

computed는 인자를 전달할 수 없음

computed는 반드시 return값이 존재해야 함

template에서 함수 호출 형태인 ()를 사용할 수 없음

종속된 데이터 변경 시에만 계산됨

캐시됨

 

 

computed와 whatch

computed와 whatch는 특정 데이터가 변경 될 경우 값을 조작할 수 있다는 측면에서 동일하지만, 데이터를 가공해서

보여주는 역할은 computed가 담당하고 watch는 아래와 같은 상황에서 사용함.

- 서버와 통신

- DOM조작

- local storage, audio playback 같은 browserr API사용시

728x90