Angular 7+，从父组件调用子组件的方法好吗？

Question

有时我想从父组件调用子组件的方法，或者以某种方式通知子组件(从父组件)调用某些东西。

第一个(从父组件调用子组件的方法):

// CHILD
@Component({
  selector: 'child-component',
  template: '<p>child</p>'
})

class ChildComponent {

  doSomething() {
    console.log('I am from child')
  }

}

// PARENT
@Component({
  selector: 'parent-component',
  template: '<child-component></child-component>',
})

class ParentComponent{

  @ViewChild(ChildComponent ) child: ChildComponent;

  ngAfterViewInit() {
    this.child.doSomething();
  }
}

2nd(通知子组件调用):

//CHILD
export class ChildComponent implements OnInit {

  @Input() notify: Subject<boolean>;

  ngOnInit(){
     this.notify.subscribe(v => { 
        console.log("I am from child");
     });
  }

}

//PARENT
export class ParentComp {

    notify: Subject<boolean> = new Subject();

    notifyChild(){
        this.notify.next(true);
    }

}

这是我的问题:

1) 第一种方法的优缺点是什么？另外，如果您从父级调用子级的方法，是否意味着您的组件架构不好，或者需要修复其他问题？

2) 第二种方法的优缺点是什么？

3) 避免它们好不好？

我正在拼命寻找这些问题的答案(附有解释)，如果有人可以提供它们，那就太好了。

Answer 1

这两种实现都违背了关注点分离的原则。子组件不应该负责为父组件计算内容，因为这意味着没有子组件，父组件可能无法工作。如果不同的组件需要一个函数或一些计算值，它们可能应该放在一个公共(public)服务中以注入(inject)到两个组件中。