在 Vue 中，子组件能否直接修改父组件传递的数据？

回答思路

1. 【回答框架 1】Vue 遵循单向数据流，父组件通过 props 向子组件传递数据，子组件不能直接修改 props，因为 props 是只读的，直接修改会导致数据流向混乱，且可能引发难以调试的问题。
2. 【回答框架 2】若子组件需要修改父组件的数据，应通过 $emit 触发自定义事件，由父组件监听并修改自身数据，从而实现间接更新。
3. 【回答框架 3】对于表单等需要双向绑定的场景，可使用 v-model（本质是 props value 和 @input 事件的语法糖）或通过 .sync 修饰符（Vue 2）实现父子组件间的同步，但本质上仍是事件驱动的。
4. 【回答框架 4】若子组件需要维护自身状态，可将 props 赋值给 data 或 computed，但需注意同步问题，通常使用 watch 或生命周期钩子来响应 props 变化。
5. 【关键点 1】props 是只读的，子组件直接修改会破坏单向数据流。
6. 【关键点 2】正确做法是通过 $emit 触发事件，由父组件修改数据。
7. 【关键点 3】v-model 和 .sync 是语法糖，内部仍是事件机制。
8. 【易错点 1】直接修改 props 虽然可能在简单场景下生效，但会导致状态不可预测，且 Vue 会抛出警告。
9. 【易错点 2】通过赋值给 data 简单复制 props 可能失去响应性，需根据需求使用 computed 或 watch。