• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

문법에 관련 질문입니다

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의 값을 어디의 키값으로 설정? 사용? 한다는 뜻인가요

바쁘시겠지만 답변 부탁 드리겠습니다.

답변 1

답변을 작성해보세요.

0

안녕하세요~ 답변 드릴게요 :)

1. 질문하신게 정확히 이해가 안가네요... ㅜㅜ v-on, v-for 디렉티브에서 제공하는 문법에 한해서는 얼마든지 사용 가능합니다 :)

2. 네 맞습니다. v-for 디렉티브 범위 안에서는 v-for 에서 제공하는 todoItem(여기서는 todoItem으로 작명함), index와 같은 키워드를 접근하실 수 있습니다 :)

3. props: ['프롭스 속성 이름', '프롭스 속성 이름']는 Vue.js 의 Props 문법입니다. 다른 이유가 있진 않습니다 :)

4. v-bind:key 에는 목록 아이템의 유일 값을 보장할 수 있도록 보통 아이디 값을 지정합니다 :)