인프런 커뮤니티 질문&답변
작성한 질문수
Non-prop 속성 강좌의 요지가 무엇인가요?
23.06.30 17:20 작성
·
420
0
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
props, emits에 선언하지 않은 non-props 속성은
root element에 상속된다.
이 때, 의도하지 않은 상속이 일어날 수 있다.
이를 막기 위해서는,
inheritAttrs: false를 선언하고, 상속하고자 하는 element에서 v-bind="$attrs"를 적으라.
인가요?
그러면 props, emits에서 이미 선언한 속성들은 어디로 상속되나요? root element가 아닌 곳에 상속시킬 수 있나요?
답변 1
0
2023. 07. 02. 13:29
안녕하세요 :)
Q) Non-prop 속성 강좌의 요지가 무엇인가요?
A) Vue3 공식 문서에 있는 Non-prop 속성에 대한 스펙을 알려드리기 위함입니다.
Q) ... 이를 막기 위해서는, inheritAttrs: false를 선언하고, 상속하고자 하는 element에서 v-bind="$attrs"를 적으라.인가요?
A) 네 맞습니다.
Q) 그러면 props, emits에서 이미 선언한 속성들은 어디로 상속되나요? root element가 아닌 곳에 상속시킬 수 있나요?
선언된 속성 (props, emits)은 자동으로 상속되지 않습니다. v-bind, v-on 디렉티브를 통하여 DOM 요소나 컴포넌트에 직접 바인딩 할 수 있습니다.