將參數傳遞給支持組件命名傳遞

Question

以下哪項更好？

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

或

{{my-component model=model}} 

是兩者之間有什麼區別呢，還是沒有真正的問題？

Answer 1

很難不主觀地判斷這樣的事情。但讓我們看看，我們可以從幾個不同的角度來做。

首先，您可以爭辯說，您可以推斷出此組件需要哪些屬性才能起作用，其次不是那麼多。這就是說，我們甚至不能推斷出組件需要的屬性，比如它們需要的屬性等等。

第二個觀點是，第二個組件的簡單性使其更具吸引力/清潔。特別是當您需要的組件屬性開始失控時。

這可能很容易後來看起來像。

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

現在，我會說，使用什麼是有意義的組件基礎上的組件，並且不要過多考慮它。

您可以考慮將諸如TypeScript之類的東西整合到您的項目中，並且可能會開始明確定義組件中需要的屬性類型，而無需擔心通過模板暴露給組件的api。

這是一個twiddle，演示了這些屬性的簡單測試。