4. 父组件向子组件传递数据时，为什么需要用 props 来声明和接收数据？

在Vue中，通过props来声明和接收数据有以下几个原因：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=c8973c67c0d4486fb9b49ef343b162bb

数据流向清晰：通过使用props，父组件可以明确地传递数据给子组件，从而使数据的流向清晰可见。这种明确的数据流动方式使得代码更易于理解和维护，特别是在大型应用程序或复杂的组件层次结构中更加重要。

组件解耦：通过使用props来传递数据，父组件和子组件之间可以实现解耦。父组件不需要关心子组件内部如何处理数据，只需将数据传递给子组件，而子组件也不需要了解数据的来源。这种解耦可以使得组件更加独立和可复用。

数据验证和类型检查：使用props声明数据时，可以对数据进行验证和类型检查，以确保接收到的数据满足特定要求。在子组件的props声明中，可以指定props的类型、是否必需以及默认值等信息，Vue会在运行时检查传递的数据是否与声明相符，从而提供更好的数据安全性和错误提示。

单向数据流：Vue推荐单向数据流的模式，props的使用符合这一模式。通过将数据传递给子组件的props，可以确保子组件不会直接修改父组件的数据，避免了数据混乱和难以追踪的问题。这种单向数据流的方式使得应用程序更加可预测和可维护。