Vue v-model 双向绑定父子组件值时遇到了什么问题？

本文共计810个文字，预计阅读时间需要4分钟。

场景：今天在使用v-model进行组件双向数据绑定时，遇到了一个奇怪的问题。网页本身运行正常，但浏览器直接出现警告信息：[Vue warn]: Avoid mutating a prop directly since the value will be overwritten。

解释：这个问题通常是由于在组件内部直接修改了prop的值，而v-model绑定的值会被父组件的数据覆盖，导致出现警告。

场景

今天在使用 v-model 进行组件双向数据绑定的时候遇到了一个奇怪的问题，网页本身运行正常，浏览器一直出现警告信息。