강의

멘토링

커뮤니티

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

삼천리님의 프로필 이미지
삼천리

작성한 질문수

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

[실습 안내] axios의 api 함수 구조화 방법 및 실습 안내

v-for에서

작성

·

186

1

<div v-for="user in users">

여기서 

v-for 가 

users는 data안에 정의한 변수이고 

user는 그냥 임의로 제가 코드를 짜면서 만드는 이름일까요??
user in users  -> apple in users이렇게 해도 무방한가요??

그리고 바인딩을 할떄 {{ user.title }}인데

{{ users.title}}로 하면 화면에 나오지 안더라구요 

v-for 자체가 

(임의로 작성) in (data에 명시한것)

{{ (v-for에서 임의로 작성한 이름).data안에 나온 것  }}

이 개념이 맞을까요??

v-for사용하면서 정확하게 모르는거 같아서 여쭤 봅니다

답변 1

1

캡틴판교님의 프로필 이미지
캡틴판교
지식공유자

안녕하세요 천리님, 네 잘 짚으셨어요. v-for="sth in users" 가능합니다 :) in 앞에는 변수 새로 생성하는 느낌으로 하나 지정하시면 돼요. v-for로 돌린 태그 범위 안에서 "sth"로만 접근하셔야 합니다. users는 순회문의 대상이지 v-for 문 안에서 쓰일 변수는 아니라고 보시면 돼요 :)

삼천리님의 프로필 이미지
삼천리

작성한 질문수

질문하기