inflearn logo
강의

Course

Instructor

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

toRef & toRefs: Basics to Application, All in One Go!

toRef 관련

Resolved

343

taejun2park4763

6 asked

0

안녕하세요

PostDetailView에서

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

const { isOdd } = useNumber(idRef );

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

 

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

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

 

vue.js

Answer 1

0

gymcoding

안녕하세요 :)

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

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

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

 

 

0

taejun2park4763

답변 감사합니다! :)

질문드립니다.

0

32

0

unplugin-vue-components 질문드립니다.

0

37

2

강의듣다가 헷갈려서 질문드립니다.

0

31

1

와 짐코딩님 강의 들으면서 느끼는게 많네요.

0

32

1

질문드립니다.

0

32

2

라우터 인스톨 후 실행안됨

1

49

2

코드 자동 포매팅 질문

0

68

2

필터 watchEffect 질문입니다.

0

50

1

json-server 오류가 다른게 뜨네요

0

113

1

미리보기가 안됩니당...

0

69

2

unplugin-vue-components

0

81

2

TypeError 질문

0

52

1

v-model="show" :show="show" 같이 사용?

1

57

1

hash 모드 배포의 필요성?

0

61

2

.eslintrc.cjs 가 없습니다

0

95

2

title,content값이 비어서 저장되는데 제가 혹시 어떤 부분을 잘못 작성했는지 ㅜㅜ 알고싶습니다.

0

98

3

_title_like: "", 문의드려요 해당 값을 설정하면 list가 아에 안나옵니다.

0

64

1

@click.prevent="params._page = pageNum"> 에 .value를 안쓰는 이유가 궁금합니다.

0

71

2

중첩된 컴포넌트 문제

0

75

2

교안에 있는 부분이 아닌가요?

0

109

2

useAxios Proxy(Object) RefImpl

0

113

1

axios timeout

0

328

3

강의와 상관은 없지만, 궁금한 점이 있어 질문드립니다.

0

122

2

컴포넌트 분리 부분에서 오류가 나요ㅠㅠ

0

167

2