When using the v-model binding value in a custom component, the value in vue-devtools is not updated in real time

[syt-honey]

Version

6.0.0-beta.2

Browser and OS info

Chrome 87.0.4280.67 (Official build) (x86_64)/ mac OS Catalina v10.15.5

Steps to reproduce

1. custom a dialog component, named ChDialog
2. use it in the parent component and define an input component in it
3. v-model of input is bound to test
4. open vue-devtools to view the corresponding binding value
5. Enter the content in the input box, vue-devtools has no corresponding update

What is expected?

When inputting content in input, the corresponding bound test value is updated in real time in vue-devtools

What is actually happening?

After entering the value, I need to switch the component in vue-devtools to see the updated value

---

My custom dialog component:

<div class="dialog-container">
      <div class="dialog-body">
        <slot></slot>
      </div>
</div>

use it:

<template>
  <ch-dialog>
     <input v-model="test" type="text" placeholder="please input" >
  </ch-dialog>
</template>

<script>
import { ref } from "vue";
export default {
  name: "Index",

  setup() {
    let test = ref("")
    return {
      test
    };
  }
}
</script>

[Akryum]

Please provide a runnable reproduction, as I cannot reproduce on next branch.

[Akryum]

Superseded by #1404