-
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
문법에 관련 질문입니다
20.08.16 23:12 작성 조회수 84
1
<li v-for="(todoItem, index) in propsdata" v-bind:key="todoItem.itme" .....>
1. todoItem 값을 하위의 toggledCompleted에서 인자로 사용했는데 v-on, v-for 이런 키워드 안에서는 사용할수 있는건지요
2. 위의 v-for에 in propsdata로 스크립트의 props에 정의된 이름? 을 그대로 사용 가능한건 v-for 안 이기때문에 가능한건지요
3. 스크립트의 props: ['propsdata']는 배열 0번째에 propsdata 라는 스트링을 넣은 의미 인건가요? 여기에 상위 컴포넌트에서 내려보낸 값이 담긴다는건 알겠는데 뷰 에서는 배열에 키값을 설정할수 있는건가요
3. v-bind:key="todoItem.itme"는 무슨 의미인지요? todoItem.item의 값을 어디의 키값으로 설정? 사용? 한다는 뜻인가요
바쁘시겠지만 답변 부탁 드리겠습니다.
답변을 작성해보세요.
0
장기효(캡틴판교)
지식공유자2020.08.21
안녕하세요~ 답변 드릴게요 :)
1. 질문하신게 정확히 이해가 안가네요... ㅜㅜ v-on, v-for 디렉티브에서 제공하는 문법에 한해서는 얼마든지 사용 가능합니다 :)
2. 네 맞습니다. v-for 디렉티브 범위 안에서는 v-for 에서 제공하는 todoItem(여기서는 todoItem으로 작명함), index와 같은 키워드를 접근하실 수 있습니다 :)
3. props: ['프롭스 속성 이름', '프롭스 속성 이름']는 Vue.js 의 Props 문법입니다. 다른 이유가 있진 않습니다 :)
4. v-bind:key 에는 목록 아이템의 유일 값을 보장할 수 있도록 보통 아이디 값을 지정합니다 :)
답변 1