配列およびオブジェクト配列で props を宣言する

Question

constprops=defineProps({id:Number,title:String,name:String,}) のようにコンポーネントのプロパティを定義する代わりに、defineProps(['id','title', 'name' ,]) これには型宣言は必要ないようですが、これには何か欠点はありますか? vue は各属性の型を独自に決定しますか?スクリプトセットアップを使用しています。

P粉023326773 · Answer

これは単なる type 宣言ではありません。

これはプロップ検証機能です。完全な構文は

です。リーリー

名前付きプロパティのみを使用する場合の欠点は次のとおりです:

タイプセーフティ はありません。ただし、typed props の場合でも、開発ビルドではコンソール警告のみが表示されます。

プロップ定義を使用する利点は次のとおりです。

単一プロップの

複数の

小道具のデフォルト値
カスタムバリデーター関数

P粉262113569 · Answer

欠点はもちろんセキュリティが弱いことです。

vue は各プロパティの型を独自に決定しますか? しません

文字列の配列を提供する場合、Vue は渡された props の型をまったく検証しません。そのため、間違って使用された場合 (他の開発者や今後の開発者としては、何が渡されるべきかを知る方法がありませんので、その可能性が高くなります)コンポーネント (コードの残りの部分) を読まないと、prop# として渡された間違った値に関するクリーンなエラー/警告 (または IDE からの妥当なエラー) ではなく、コンポーネントのどこかでランタイムエラーが発生することになります。

##ほとんどの場合、できるだけ多くの特定の prop 定義を使用する必要があります。