문법에 관련 질문입니다

Question

<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의 값을 어디의 키값으로 설정? 사용? 한다는 뜻인가요 바쁘시겠지만 답변 부탁 드리겠습니다.

캡틴판교 · Answer

안녕하세요~ 답변 드릴게요 :) 1. 질문하신게 정확히 이해가 안가네요... ㅜㅜ v-on, v-for 디렉티브에서 제공하는 문법에 한해서는 얼마든지 사용 가능합니다 :) 2. 네 맞습니다. v-for 디렉티브 범위 안에서는 v-for 에서 제공하는 todoItem(여기서는 todoItem으로 작명함), index와 같은 키워드를 접근하실 수 있습니다 :) 3. props: ['프롭스 속성 이름', '프롭스 속성 이름']는 Vue.js 의 Props 문법입니다. 다른 이유가 있진 않습니다 :) 4. v-bind:key 에는 목록 아이템의 유일 값을 보장할 수 있도록 보통 아이디 값을 지정합니다 :)