인프런 커뮤니티 질문&답변

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

안녕하세요,

template refs 수업에서

ref="input"

:ref="el => itemRefs.push(el.textContent)"

이와 같이, 전자는 v-bind 없이 사용했고, 함수를 ref로 사용할 땐 v-bind를 사용했습니다.

이 이유가 무엇일까요?

비슷한 맥락의 의문으로,

자식 컴포넌트에서 정의된 props (ex. props = ['data'])로 데이터를 내려줄 때,

부모 컴포넌트의 script에서 선언한 정적인 데이터 (ex. const msg = "message")의 경우는 < ... data="msg" >

반응형 데이터 (ex. const msgRef = ref("message")의 경우는 < ... :data="msgRef"> 로 사용하는 것으로 이해하고 있습니다.

즉, v-bind의 사용은 데이터가 반응형인지 아닌지에 따라 판단한다..고 이해하고 있는데요, 이게 옳은 이해인가요?