すべてのコンポーネントプロパティ（vue.js）を明示的に宣言する必要はありますか？

Question

私は、賞賛される入力コントロールの一種であるコンポーネントに取り組んでいます。これは、ブートストラップグリッドを持つフォームの繰り返しのHTMLをたくさん保存します（それぞれにラベルを付け、 'for'属性を入力に「フォームコントロール」クラスを割り当てます）。考えられるのは、コンポーネントに既定値（フォームコントロールクラスなど）が既に設定されている、プレフィックス付きのラベルなどの入力コントロールが含まれているということです。

HTMLの 'input'これらのうちの1つまたは複数を使用することができれば、コンポーネントのプロパティで、これらのすべてを実際に宣言する必要がありますか。これはちょっとした迷惑で、真実であればかなり面倒です。明示的に宣言されていないすべての属性が単にコンポーネントの有効範囲内で利用可能になった場合は便利です。

これは、私が想像していることですが、これには別の方法があるという共通の要件がありますか？

Answer 1

すべてを宣言する必要はありません。v-bindを使用して、オプションの属性のオブジェクトをバインドできます。だから、あなたが行うことができますあなたの親で：

<custom-input :optional-attrs="{placeholder: 'Type something!'}"></custom-input> 

次に、あなたのコンポーネントに簡単に小道具として追加：

props: { 
    optionalAttrs: {} 
} 

そして、あなたのコンポーネントにあなたの入力にv-bindを使用します。

<input type="text" class="form-control" v-bind="optionalAttrs"> 

を

ここにJSFiddleがあります：https://jsfiddle.net/rww551og/

Answer 2

使用できるすべての小道具を宣言する必要がありますが、必要なものだけにREQUIRE：TRUEを追加する必要があります。それで全部です。