인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

박재성님의 프로필 이미지

작성한 질문수

Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)

리스트 랜더링

테이블 list 랜더링 되지 않습니다.

작성

·

198

0

 

영상대로 작성하였는데 화면에 랜더링 되지 않습니다. 특별히 오류 메세지도 뜨지 않고있는데 문제가 무엇일까요?

서버도 재가동 해봤는데 되지않습니다.

답변 1

0

개발자의 품격님의 프로필 이미지
개발자의 품격
지식공유자

안녕하세요. data() 선언된 변수명은 ProductList 즉 Product의 P가 대문자입니다. 그런데, v-for를 사용한 곳에서는 productList 즉 소문자 p를 사용하고 있기 때문에 당연히 출력되지 않았습니다. 변수명을 반드시 똑같이 맞추셔야 합니다.