vue 父子组件使用sync双向绑定后，父组件的修改不会同步到子组件？

Question

在父组件定义tableData并传给子组件，使用sync双向绑定：
:table-data.sync="tableData"

子组件接收：

并在子组件调接口更新tableData数据，使用：this.$emit('update:tableData', records)同步父组件数据，此时父组件能接收到数据。

但在父组件修改tableData不仅没有同步到子组件，而且马上会被子组件的tableData覆盖。多次尝试发现去掉sync就能达到想要的效果。

对了，子组件有这样一段代码不知道有没有影响：

有没有大佬能科普下发生了什么?🙂谢谢

Answer 1

查看一下子组件内对于 value 值的操作。有可能子组件在 emit 的时候并不是新数据。

Answer 2

vue3中不再支持.sync 建议使用v-model