Simulating v-model behavior failed

[githublaohu]

Simulating code,

this.$props.data = this.$data.$value.value; this.$props["onUpdate:data"] = $event => this.$data.$value.value = $event; return _createVNode(_resolveComponent("t-table"), this.$props, null);
`
const props = mergeProps({
"data": this.$viewBaseMeta.$data.$value.value,
"onUpdate:data": $event => this.$viewBaseMeta.$data.$value.value = $event
}, this.$props);

return <t-table  {...this.$props} />;

`

vue code
return _createVNode(_resolveComponent("t-table"), _mergeProps({ "data": this.$data.$value.value, "onUpdate:data": $event => this..$data.$value.value = $event }, this.$props), null);

[Alfred-Skyblue]

If I remember correctly, I believe I’ve already answered your question before.
For reactive data to work properly, it must trigger a getter inside an effect so that the dependency relationship can be established.
Only then will the effect re-run when the data changes.

So your code should be modified like this:

const data = ref([])

const Comp = () => {
  const props = {
    // Note: data.value must be accessed inside an effect to collect dependencies.
    // Otherwise, updates to data.value won’t trigger reactivity.
    data: data.value,
    ['onUpdate:data']: (e) => {
      data.value = e
    },
  }
  return <t-table {...props} />
}