Vue version

vue3

Link to minimal reproduction

https://sfc.vuejs.org/#eNptUl1OwzAMvooVIQ3E1mxIvJRugnvkYV2XtdnWJErcbWjqBTgEQjzwyAGQOM7ugfs3yo8fWtv5/Nn+kiN7sDbYFZKFLEKZ222MciY0kEWLAtFouE+2KtlMBUPpUbDZ6fX59PRyev88fbxFvAF1JUu1g9Dj41YSPjF6pdKgDqmugdSwbDKbRJy+bRmnunNXx/tsu9FC6eWZ7Q/PzT88Ee+tQqFPnLIIXmJhW6jKrXEIR3AyTlDtJJSwciaHAYkxuKvKKthWIuzVEjOYwmQ8pnyXbcahdEdwefwerF45hF6mspoohPnFsfZKe5gPfyIyqdIMQxhQL3sY/DpdxMkmdabQS0IYF+tU9iFl65dXvTGrO6MhL69gOuvP0yx1PYXbbqnK+jcWdHv3522xJf0j3shKgrIha/Qc5bEN1t5oek51M9EeeMHOcghGElexYBmi9SHnfpVUj3DtA+NSTl7gCo0ql4H0+WjhzN5LR8SCVRSl0CUrvwCIANlh

Steps to reproduce

What is expected?

有响应式

What is actually happening?

无响应式

System Info

No response

Any additional comments?

No response

It may be that the direct v-bind deconstructs the config, resulting in the failure of the response.

再看一个有意思的问题， 给div加了一个@click就变成响应式了，请看代码（点击button 点击div3 div1和div3都有响应式，div2依然没有） https://sfc.vuejs.org/#eNp9kk1u2zAQha8yIAo4QWMxbtGNKhvtPbiILI0lJhZJkCMlhaEL9BBF0UWXPUCBHsf36OjPUeIkXEjk8M3HmUcexFfnoqZGEYuEsHL7lHCjDPBItjWRNfAl2+vsbq0EYSAlNsdfP47ffx7//Dv+/Z3IQTSl5LqBONC3PbI+s2ani6hfct4g6WXlarNKJH/HNMl5p1O9nNOa5Vab/EQ743x4jfNi8lkzT2EfX4AlcuYLL0PmtSMISLUbpbpy1hMcwGOakW4QWth5W8GCnV187tI62R4J7nVOJaxhdX3N8Sk6lMfhCXBxeCys9y+GWaQbPSiGm3eHfta6h5urp4oSdVFSDAs+yz0snu1u0+yu8LY2OSusT02Bc0k7ztvLWZmdZ1zkxSWsN/N6hqber+HT1FQ35tcfTX3P6x21Lf8TOdjKhoorMfi5rFIX3QZr+G32h6lxIyhxskMJtrhbK1ESuRBLGXZZ96JvQ2R9IXkW+dqQrjDCUC233t4H9AxWYuyxZ0gONuiXHk2OHv1bzGfSM26HbZVpRfsf3ZkOoA==

只要加一点其他属性，就有了....不知道为啥

分析了一下

export function guardReactiveProps(props: (Data & VNodeProps) | null) {
  if (!props) return null
  return isProxy(props) || InternalObjectKey in props
    ? extend({}, props)
    : props
}

似乎是这里的浅拷贝导致当你修改witdh，dynamicChildren中的旧props也改变了，这样在patchProps时就没有重新渲染 It seems that the shallow copy here causes the old props in dynamicchildren to change when you modify the width, so there is no re rendering when patchprops