Vue에서 Prop 보내기 가이드

Question

저는 아직 Vue를 처음 접했기 때문에 아직 논리를 완전히 이해하지 못했습니다. 내 문제는 티켓과 티켓 목록 구성 요소가 있다는 것입니다. 따라서 티켓 목록 구성 요소에 없을 때 일부 티켓 데이터를 만들고 티켓 구성 요소를 기반으로 이를 표시하려고 합니다. 좀 더 명확히 하기 위해 이것은 내 티켓 목록 구성 요소입니다.

<템플릿>
    <섹션 클래스="티켓">
        

            

                

                    
                
            
        
    


<스크립트>
'./Ticket'에서 티켓 가져오기
기본값 내보내기 {
    구성요소: {
        티켓
    },
    데이터() {
        반품 {
            티켓: [
                {
                    아이디: 0,
                    카테고리: "Einzelkarte",
                    가격: "€3,50",
                    관세: [
                        "Wählen Sie eine Option",
                        "에르왁센",
                        "Erwachsener 음.",
                        "킨더/유겐들리체",
                        "Kinder / Jugendliche erm.",
                    ],
                    사용 가능 금액: 23,
                    기사_번호: "2021.05.04-2673990197-1",
                },
            ],
        };
    },
}

티켓 구성요소도 있습니다: 
<템플릿>
  <위젯 유형="티켓" 클래스="--flex-column">
    

      
유령 쥐
      
홈 투어
      
        

          
2017년 3월 3일
          
인디애나주 블루밍턴
        
        

          
가격
          
€{{ ticket.price }}
        
      
    

Answer 1

문제는 소품 이름인데, 꼭 ticket作为props传递，而不是product

으아악

또는 Ticket 구성 요소에서 설정:

으아악