将参数传递给支持组件命名传递

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，演示了这些属性的简单测试。