“computed”와 “watch”- vue, vuex

Vue에서는 data가 변화될 때 변화된 data를 그대로 사용하여 렌더하는 것 이외에 많은 작업을 할 수 있다.

1. Computed
Vuex store 내부에서 저장하고 있는 data의 변화를 getters에 정의한 함수를 통하여 가공해준다. 가공한 data 값은 모든 컴포넌트에서 store를 참조할 수 있기 때문에, 컴포넌트 내에서 computed 라는 명칭의 객체 내부에서 특정 값으로 선언하여 컴포넌트 내부에서 정의한 data처럼 사용할 수 있다.

2. Watch
Watch는 특정 data가 변할 시에 원하는 행동을 하는 함수를 선언할 수 있다. Computed가 실제 컴포넌트 내부의 data와 동일시되므로 watch는 data와 computed data 모두에 대하여 감시할 수 있다.