名前を付けるコンビネーションにパラメータを渡す

Question

以下のうちどれがベストプラクティスですか？

{{my-component title=model.title body=model.body}} 

または

{{my-component model=model}} 

2の間に違いはあるのか、それは本当に問題ではありませんか？

Answer 1

このような主観的な判断が難しいです。しかし、私たちがいくつかの異なる観点からできることを見てみましょう。

最初に、このコンポーネントが機能するために必要なプロパティを推測できます。それは、実際には、コンポーネントが必要とするタイプなど、コンポーネントが必要とするプロパティについてさらに多くのことを推論することはできません。

第2の観点では、 /クリーン。特に、コンポーネントに必要なプロパティが制御不能になったとき。

これは後で簡単に見ることができます。

{{my-component 
    title=model.title 
    body=model.body 
    extraprop1=model.prop 
    extraprop2=parent.prop 
}} 

今のところ、コンポーネントごとに意味をなさないものを使用して、それを考える必要はありません。

TypeScriptのようなものをプロジェクトに統合することを検討して、コンポーネントでどこに必要なプロパティのタイプを明示的に定義して、テンプレートを介してコンポーネントに公開することを本当に心配する必要がなくなります。

これらのプロパティの簡単なテストを示すtwiddleがあります。