ref 와 reactive 차이
- 둘은 똑같은 기능을 한다. 내부적을 코드를 까면 같은 역할을 한다
- 하지만 관습적으로 reactive는 object, array를 그외 숫자, 문자를 ref에 쓴다. 하지만 ref에 object, array를 써도 상관 없다.
- reactive 는 .value 를 쓰지 않아도 된다.
toRef, toRefs
- props를 reactive(반응형) 하게 쓰려면 toRef, toRefs를 쓰면 된다.
const one = toRef(props)
const { one } = toRefs(props)
const one = computed(() => props)
watch
- watch 를 사용할때 첫번째 매개변수로 반응형 변수를 입력해야한다.
watch(반응형변수(감시대상), () => {실행할 코드})