inflearn logo
강의

講義

知識共有

Vue3完全マスター:基礎から実践まで - 「基本編」

動的コンポーネント

ref vs reactive vs shallowRef

解決済みの質問

652

jjkim0222

投稿した質問数 25

0

ref 안에 객체를 넣을 수 있다면

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

 

vuejs

回答 1

1

gymcoding

안녕하세요 :)

Vue3에서 객체 타입의 반응형 상태는 reactive로 정의하고, 프리미티브 타입의 상태는 ref로 정의할 수 있습니다. reactive로 정의하게 되면 .value를 생략할 수 있어 이점이 따라옵니다.

하지만 수업에서 객체타입도 대부분 ref로 정의를 하는데요 이것은 제가 선택한 선택의 차이입니다. 왜 ref로 선언 하는지 수업에서 언급드려요! (일관성 뭐 등등 🙂)

저도 jjkim0222님 처럼 비슷한 생각을 했긴 했어요 ㅎㅎ

"ref 로 프리미티브타입 객체타입 모두 .value 없이 접근할 수 있으면 좋겠다..."

마침 해당 기능이 Vue3에서 실험적으로 진행중에 있어요 ^^ 참고차 링크 공유 드립니다. (수업에서도 언급할 거에요)

https://vuejs.org/guide/extras/reactivity-transform.html

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

0

632

1

eslint 세팅 질문 드립니다.

0

1711

2

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

0

498

1

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

1

526

1

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

0

830

1

npm run dev 설치중

0

617

2

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

1

1945

1

dummy api axios 호출시 cors 에러

0

534

1

19:17 emit 관련 질문

0

568

1

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

0

568

1

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

0

577

1

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

0

344

1

App.vue 물결 표시 제거 방법

0

374

1

v-if 질문입니다!

0

555

1

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

1

668

1

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

0

343

1

Vue3 Composition API - computed

0

458

1

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

0

344

2

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

0

349

1

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

0

234

1

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

0

373

1

reactive와 computed 차이 질문

0

1108

1

emits사용 이유

1

449

1

eslint 오류표시 질문

0

500

1