inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

반응형 기초 (Reactivity)

ref와 reactive 차이점?

해결된 질문

1287

스터디하쟈

작성한 질문수 64

0

질문인데요! 영상을 보다보면..

ref는 단일 값만 넣어서 하는건가요?

reactive는 객체로 그러니까 멀티값을 넣어서 쓰려면 되는건가요?

서로 차이점이 뭔지 궁금해서요

 

vuejs

답변 1

1

짐코딩

안녕하세요 :)

강의에서 처럼 ref vs reactive는 둘다 반응형상태를 만드는데 사용합니다.

차이점은
ref.value 가 붙고,
reactive.value가 붙지 않습니다.

그렇기 때문에
reactive로 Primitive Type(number, string, boolean ...)반응형 상태를 선언시 반응성이 유지되지 않습니다. 반면 ref.value로 접근하기에 Primitive Type은 물론이고 Object Type도 선언할 수 있습니다.

감사합니다 🙂

0

스터디하쟈

와!!! 사이다!! 아주 개념을 빠르게 이해되군요!!!!!

props로 함수를 전달했을 때의 질문입니다!

0

633

1

eslint 세팅 질문 드립니다.

0

1711

2

컴포넌트 이벤트 전파 관련 질문입니다

0

500

1

app-level의 provide한 값을 새로고침시 정상적으로 inject하지 못함.

1

527

1

this.$refs에 값이 들어가는 시점이 언제인가요?

0

831

1

npm run dev 설치중

0

617

2

reactive vs ref... 굳이 reactive를 사용하는 이유가 뭔가요?

1

1947

1

dummy api axios 호출시 cors 에러

0

534

1

19:17 emit 관련 질문

0

569

1

reactive로 선언한 반응형 객체 자체를 바꿨는데 watch 콜백함수가 실행이 안되요

0

568

1

자식 컴포넌트에 input 태그, checkbox 같은 form 태그가 없으면 v-model 안 쓰는건가요?

0

577

1

template내 자바스크립트 표현식 평가 시점은 언제인가요?

0

345

1

App.vue 물결 표시 제거 방법

0

376

1

v-if 질문입니다!

0

558

1

ref vs reactive vs shallowRef

0

653

1

script 태그는 컴포넌트를 처음 가져올때 한번만 실행된다는 게 잘 이해가 안됩니다

1

668

1

이벤트 핸들러로 왜 일반 함수로는 작동이 안 되나요? + console.log도 인식이 안되요

0

344

1

Vue3 Composition API - computed

0

458

1

setup 함수내 문자열 관련 질문입니다.

0

346

2

v-on:click ="" 질문입니다

0

350

1

v-on:click="" 질문입니다

0

235

1

v-for에서 style을 사용하려 할 때

0

374

1

reactive와 computed 차이 질문

0

1108

1

emits사용 이유

1

449

1