인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

Inflearn Community Q&A

taejun2park4763's profile image
taejun2park4763

asked

Vue3 Perfect Mastery: From Basics to Practice - "Practical Edition"

From the basics to the use of toRef & toRefs all in one!

toRef 관련

Resolved

Written on

·

326

0

안녕하세요

PostDetailView에서

const idRef = toRef(props, 'id');

const { isOdd } = useNumber(idRef );

를 통해 반응형으로 넘겨주는데요,

 

composable 함수인 useNumber내에서 unref 를 사용하는 이유가 무엇인지 이해가 잘 안가네요.

unref 를 사용하지 않고 반응형으로 두면 안되는 이유가 무엇인지 궁금합니다.

 

vue.js

Answer 1

0

gymcoding님의 프로필 이미지
gymcoding
Instructor

안녕하세요 :)

useNumber() 내에서 반응형으로 둬도 괜찮습니다.

다만 unref를 사용하면 파라미터로 반응형변수, 일반변수 어떤 변수가 오더라도 동일하게 비즈니스 로직을 처리할 수 있습니다.

이는 협업하는 과정에서 useNumber()라는 컴포저블 함수를 많은 사람들과 활용 했을 때 의미 있겠죠?

 

 

taejun2park4763님의 프로필 이미지
taejun2park4763
Questioner

답변 감사합니다! :)

taejun2park4763's profile image
taejun2park4763

asked

Ask a question