简述在 Vue 中，子组件为何不可以修改父组件传递的 Prop ？

在 Vue 中，子组件不应该直接修改父组件传递的 Prop，这是基于 Vue 的单向数据流和组件之间通信的设计原则。以下是几个关键原因：

1. 单向数据流：Vue 提倡的是单向数据流，即从父组件流向子组件。当父组件的状态发生变化时，它将通过 Prop 传递给子组件，子组件可以基于这些 Prop 来渲染自己，但它不应该直接修改这些 Prop。如果子组件需要基于 Prop 的值来创建自己的状态，它应该使用 data、computed 属性或 methods 来处理。
2. 组件封装和可重用性：如果子组件可以修改传入的 Prop，那么它可能会破坏父组件和其他使用该子组件的组件的状态。这会导致组件之间的耦合度增加，降低组件的可重用性和可维护性。
3. 可预测性和调试：当子组件可以修改传入的 Prop 时，整个应用的状态变化就会变得难以预测和跟踪。这会增加调试的复杂性，使得开发者难以确定状态变化的具体来源和影响。
4. 事件通信：Vue 提供了自定义事件（$emit）作为子组件向父组件传递信息的一种方式。当子组件需要基于 Prop 的值来执行某些操作并希望通知父组件时，它应该触发一个自定义事件，而不是直接修改 Prop。父组件可以监听这个事件并相应地更新自己的状态。

综上所述，为了保持组件的独立性、可重用性和可维护性，以及确保应用状态的可预测性和可调试性，Vue 禁止子组件直接修改父组件传递的 Prop。如果子组件需要基于 Prop 的值来创建自己的状态或执行某些操作，它应该使用自己的 data、computed 属性、methods 或触发自定义事件来实现。