将参数传递给ember组件命名约定

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