Pārlūkot izejas kodu

fix(runtime-vapor): ensure props are shallow reactive in VDOM component (#13502)

edison 10 mēneši atpakaļ
vecāks
revīzija
280829bf73
1 mainītis faili ar 3 papildinājumiem un 1 dzēšanām
  1. 3 1
      packages/runtime-vapor/src/vdomInterop.ts

+ 3 - 1
packages/runtime-vapor/src/vdomInterop.ts

@@ -16,6 +16,7 @@ import {
   isEmitListener,
   onScopeDispose,
   renderSlot,
+  shallowReactive,
   shallowRef,
   simpleSetCurrentInstance,
 } from '@vue/runtime-dom'
@@ -163,7 +164,8 @@ function createVDOMComponent(
 
   // overwrite how the vdom instance handles props
   vnode.vi = (instance: ComponentInternalInstance) => {
-    instance.props = wrapper.props
+    // ensure props are shallow reactive to align with VDOM behavior.
+    instance.props = shallowReactive(wrapper.props)
 
     const attrs = (instance.attrs = createInternalObject())
     for (const key in wrapper.attrs) {