vue3 子组件上绑定(v-model=“xx“) 父组件传过来的值后报错(vue 绑定子组件属性)

推荐整理分享vue3 子组件上绑定(v-model=“xx“) 父组件传过来的值后报错(vue 绑定子组件属性)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:vue子组件使用父组件方法,vue子组件mounted,vue子组件绑定父组件的值,vue子组件mounted,vue子组件绑定父组件的值,vue 绑定子组件属性,vue子组件绑定父组件的值,vue子组件的子组件,内容如对您有帮助，希望把文章链接给更多的朋友！

vue3的项目中, 升级了vant的版本(^4.0.7)后, 子组件中用v-model的地方出现了报错

v-model cannot be used on a prop, because local prop bindings are not writable. Use a v-bind binding combined with a v-on listener that emits update:x event instead.

在阅读vue3的文档中看到了这么一段话

所有的 props 都遵循着单向绑定原则，props 因父组件的更新而变化，自然地将新的状态向下流往子组件，而不会逆向传递。这避免了子组件意外修改父组件的状态的情况，不然应用的数据流将很容易变得混乱而难以理解。

另外，每次父组件更新后，所有的子组件中的 props 都会被更新到最新值，这意味着你不应该在子组件中去更改一个 prop。若你这么做了，Vue 会在控制台上向你抛出警告：