배열 및 객체 배열에서 prop 선언

Question

방금 발견했습니다. 구성요소의 속성을 다음과 같이 정의하지 마세요.

으아아아

나는 이것을 할 수 있다:

으아아아

이건 불필요한 것 같은데요 type 声明，但是这样做有什么缺点吗？ vue是否自己确定每个属性的type?

저는 script setup를 사용하고 있습니다.

Answer 1

이것은 단순한 type 진술 그 이상입니다.

소품 확인 기능입니다. 전체 구문은

으아아아

이름이 지정된 소품을 사용하는 것의 단점은 다음과 같습니다.

1. 없이 类型安全 。但即使在 typed props 개발 빌드에서는 콘솔 경고만 표시됩니다.

prop 정의를 사용하면 좋은 점은

1. 단일 소품의 여러 types
2. props의 기본 값
3. 맞춤 유효성 검사 기능

Answer 2

단점은 당연히 보안이 취약하다는 점입니다.

vue는 각 속성의 유형을 자체적으로 결정하나요? 안돼

문자열 배열을 제공할 때 Vue는 전달된 props의 유형을 전혀 확인하지 않으므로 잘못 사용하는 경우(다른 개발자/미래에서 발생할 가능성이 더 높음) 나머지 구성 요소 코드) prop으로 전달된 잘못된 값에 대한 명확한 오류/경고(또는 IDE의 합리적인 오류) 대신 구성 요소 어딘가에 런타임 오류가 발생합니다.

대부분의 경우 가능한 한 많은 구체적인 소품 정의를 사용해야 합니다.