Vue: $ attrs는 구성 요소에 소품이 없을 때 정의되지 않습니다.

호기심에서 $attrs 정의되지 않은 문제는 무엇입니까? $attrs.something 액세스하고 있습니까? (그렇다면 왜?)

편집 : 속성이 없을 때 $attrs 동일하게 정의되지 않은 것이 실제로 유용 할 수 있기 때문에 나는 또한 묻습니다

@greegus , if ($attrs.myProp) 같은 작업을하는 경우 babel-plugin-transform-optional-chaining 을 사용하여 if ($attrs?.myProp) 할 수 있습니다.

나는 이것이 예상되는 행동이라고 판단하지만 논쟁의 여지가 있습니다.

핑 @greegus

방금 이것에 부딪 쳤고 $attrs 는 undefined 이어야한다는 것은 확실히 예상치 못한 일이었습니다.

당신이 더 일하러 밖으로 시작하는 할 일 응용 프로그램을 작성한다면 예를 들어,이 목록으로 시작하기 위해 매우 이상한 것 undefined 대신 [] . 앱 전체에 if 문 (또는 선택적 연결)을 추가해야합니다. 이 경우는 비슷합니다.

틈새 시장 사례를 들어 사용자가있는 경우 확인하고자 할 때 $attrs 존재, 여전히 사용할 수있을 것 Object.keys($attrs).length 경우 여전히 덮여 있도록.

이것이 버그라고 정말로 확신하는 부분은 OP가 지적했듯이 소품이 컴포넌트에 전달 될 때 $attrs _is_가 빈 객체로 설정된다는 것입니다. 따라서 현재 $attrs 가 있는지 실제로 확인하려면 두 가지 전략이 모두 필요합니다.

$attrs && Object.keys($attrs).length

@chrisvfritz가 저를 설득했습니다-버그입니다.

@LinusBorg 현재이 버그에 대해 작업중인 사람이없는 것 같습니다. 이것에 대한 홍보를해도 될까요?

확실한!