• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

ref vs reactive vs shallowRef

23.01.17 21:21 작성 조회수 428

0

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

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

 

답변 1

답변을 작성해보세요.

1

안녕하세요 :)

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

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

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

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

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

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