javascript - 为什么 `@input` 装饰器优先于 `inputs:[]`

Question

有两种方法可以在组件上定义输入:

@Component({
    inputs: ['displayEntriesCount'],
    ...
})
export class MyTable implements OnInit {
    displayEntriesCount: number;

还有这个

@Component({
   ...
})
export class MyTable implements OnInit {
    @Input() displayEntriesCount: number;

我认为第一种方法更好，因为它显式声明了组件的依赖关系，而无需检查补充类。然而，this article著名开发人员指出，第二种方法更可取:

Using @Input is a preferred approach, however we don’t have to use it.

有什么想法吗？

Answer 1

它在某种程度上是风格指南的首选，但没有强有力的论据。 也许是因为属性和方法与绑定(bind)保持在一起。 但是你的论点也是有效的。有些人喜欢一个，有些人喜欢另一个。

如果您更喜欢 host: ... 那么就使用它吧。它仍然很常见。