vue에서 부모에서 손자에게 소품을 물려주는 방법

vue에서 부모에서 손자에게 소품을 물려주는 방법

소품들을 하드코딩하는 대신, 저는 그냥 부모로부터 손자에게 임의의 숫자와 소품 종류를 전달하고 싶습니다.

이거 해봤어요.

<FileListRenderless v-bind="$props" v-on="$listeners">
<!-- <FileListRenderless :attachments="attachments" :isEditMode="isEditMode" :type="type"> -->

잘 작동하지만 소품 오브젝트에는 아직 정의를 내려야 합니다.아이 컴포넌트의 소품 오브젝트에 대한 할당도 추상화하는 방법

하위 구성요소에서 소품을 명시적으로 정의하지 않으려면 소품을 다음과 같은 개체로 전달하면 됩니다.

<FileListRenderless :my-props="$props" v-on="$listeners">

이것은 기본 제공 프로포트의 검증을 바이패스합니다.컴포넌트 마운트에 수동으로 접속하기만 하면, 청취자에게도 같은 조작을 실시할 수 있습니다.하지만, 만약 당신이 이것을 해야 한다면, 당신의 디자인을 재고하는 것을 추천합니다.사용 가능한 소품 범위가 매우 넓다면 특정 로직을 추상화하거나, 공장 구성 요소를 만들거나, 지침을 사용하거나, 믹스인을 사용할 수 있는 방법을 찾을 수 있습니다.Vue 툴킷에는 많은 툴이 있습니다.

문맥을 알리지 않고 모든 소품들을 전달해 드리도록 하겠습니다v-bind="$props"당신이 한 것처럼.

버스 또는 vuex를 사용할 수도 있지만, 이러한 경우 글로벌 수준 변수가 생성되므로 항상 이상적인 것은 아닙니다.

언급URL : https://stackoverflow.com/questions/52558390/how-to-pass-props-from-parent-to-grandchild-in-vue