toRef 예시와 관련하여

안녕하세요 :)

음... 우선 comuted(콜백함수)는 콜백함수내의 반응형 변수의 값이 변경되면 값을 다시 할당(계산)하는데요!

import { computed, unref } from 'vue';

export const useNumber = number => {
	const isOdd = computed(() => unref(number) % 2 === 1);
	const isEven = computed(() => !isOdd.value);

	return {
		isOdd,
		isEven,
	};
};

강의 예제처럼 number가 만약 20이라면 isOdd는 false일거에요. 그런데 만약에 number가 19로 바뀐다면 isOdd는 true가 재할당되어야 하는데 그대로 false일거에요 왜냐하면 number가 반응형 변수가 아니기 때문이죠! ㅎㅎ

그래서 반응형 변수를 넘김으로써 computed 값을 재할당할 수 있게한거에요. 그 수단으로 toRef 함수를 사용한거고요~!

computed에 대해 한 번 고민해보시면 꼬인 부분을 푸실 수 있을 거 같아요~! ㅎㅎ