오늘은 Vue.JS step 6. watch vs computed 에 대해 포스팅 하려고 합니다. Vue.JS에서 watch와 computed는 비슷하지만 각각의 역할에 의해 구분이 되기 때문에 함께 비교하며 보도록 하겠습니다. 먼저 watch는 단어의 연관된 의미로 "감시자" 라고 볼 수 있습니다. 특정 대상을 지켜보며 변화를 감시하고 변화에 따라 watch에서 정의한 함수들이 동작하게 됩니다. 정의된 함수를 실행하기 위한 트리거 라고도 볼 수 있습니다. 또한 watch는 기본적으로 변경된 값의 newValue 인자와 변경되기 전의 값인 oldValue 인자를 변수값으로 가지고 있습니다. 그리고 computed는 단어의 연관된 의미로 "계산기" 라고 볼 수 있습니다. 기존의 정의된 값을 연산하여 결과 ..