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

在 Vue.js 中，子组件不能修改父组件传递的 prop 是由 Vue 的数据流向设计决定的。Vue.js 采用了单向数据流的设计模式，也就是说，数据从父组件流向子组件，但不应该再从子组件流回父组件。这种模式使得组件之间的依赖关系更清晰，更易于理解和维护。

当你试图在子组件中修改父组件传递的 prop 时，Vue.js 会在控制台给出警告，以提醒你正在尝试违反单向数据流的规则。如果你确实需要在子组件中修改这个值，你应该考虑使用事件（event）来通知父组件进行修改。

这种设计模式的优点包括：

1. 清晰的数据流向：它使得组件之间的数据流动变得清晰明了，降低了组件之间的耦合度。
2. 组件复用性：如果一个子组件可以修改它的 prop，那么每次父组件传递不同的 prop 时，子组件的行为可能会变得不可预测。这将会大大降低子组件的复用性。
3. 可预测性：遵循这种模式可以使得组件的行为更加可预测，这对于大型项目的开发和维护非常重要。

总的来说，虽然 Vue.js 允许你在子组件中读取 prop，但禁止修改它们，这是为了保证数据的单向流动和组件的独立性，从而增强代码的可维护性和可预测性。