TIL | Vue 반응형(22.05.03)

sik2·2022년 5월 2일
0

쀼우

목록 보기
2/2

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)
  • computed 를 사용하는 방법도 있다.
// const 변수 = computed(() => {return 연산결과})
const one = computed(() => props)

watch

  • watch 를 사용할때 첫번째 매개변수로 반응형 변수를 입력해야한다.
watch(반응형변수(감시대상), () => {실행할 코드})
profile
기록

0개의 댓글