prop 유효성 검사가 개발자 또는 사용자를위한 것인지 이해하려고 합니다.
의도적으로 component를 비워 두었습니다.
나는 값을 전달하지 않았습니다. (그런데 이 전달된 값은 무엇인가?) :
올바른 방법 :
props:{
name: { default: "John Doe" }
그러나 값을 전달하지 않고 component를 비워두면 Vue는 기본값을 사용하여 템플릿 섹션의 값을 채우고 콘솔에 오류를 남깁니다. 속성 또는 메서드 "name"은 인스턴스에 정의되어 있지 않지만 렌더링 중에 참조됩니다.
기본값을 설정하려면 어떻게합니까? 그 오류가 계속 발생합니다.
props 검증은 개발자와 사용자 모두에게 유용하지만 선택 사항입니다.
문제는이 줄에 있다고 생각합니다 (설명을 위해 입력을 'myName'으로 리팩토링했습니다).
myName 이 component에 전달되기 전에 올바르게 정의되지 않았기 때문에 오류가 발생했습니다.
이들은 정적 예제로 작동합니다.
- <card name="Jesse" />이름으로 바인드되지 않기 때문에 :또는v-bind:
- <card :name="'Jesse'" /> 이름은 여기에 바인딩되어 있지만 리터럴 문자열 'Jesse'
<card :name="myName" /> 가 작동하므로 myName이 정의되지 않았다고 assert하면 됩니다.
myName 자체는 원하는 경우 부모 component의 props 일 수도 있습니다. 예 : props : {myName : {기본값 : "Jesse"}}
