props 데이터 감시(watch)하기

props를 통해 받은 데이터는 감시가 안 된다.

만약 props를 통해 받은 데이터를 감시하려 하면 아래와 같은 경고문구가 뜰거다.

 

❗ Invalid watch source : A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.

 

따라서 getter를 먼저 만들어 준 후 감시하면 된다.

watch(() => props.yearMonth, (newVal) => {
  setYearMonth(newVal);
})