root
/
vue3-core
mirror of https://github.com/vuejs/core.git
1
0
Fork 0
Code Issues Actions 6 Packages Projects Releases Wiki Activity

fix(hydration): prevent lazy hydration for updated components

This commit is contained in:
daiwei 2025-06-22 10:16:02 +08:00
parent 5f8314cb7f
commit 028aaae7a0
1 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/runtime-core/src/apiAsyncComponent.ts
View File

@ -123,28 +123,28 @@ export function defineAsyncComponent<
__asyncHydrate(el, instance, hydrate) { __asyncHydrate(el, instance, hydrate) {
let patched = false let patched = false
const doHydrate = hydrateStrategy ;(instance.bu || (instance.bu = [])).push(() => (patched = true))
? () => {
const performHydrate = () => { const performHydrate = () => {
// skip hydration if the component has been patched // skip hydration if the component has been patched
if (__DEV__ && patched) { if (__DEV__ && patched) {
warn( warn(
`Skipping lazy hydration for component '${getComponentName(resolvedComp!)}': ` + `Skipping lazy hydration for component '${getComponentName(resolvedComp!) || resolvedComp!.__file}': ` +
`it was updated before lazy hydration performed.`, `it was updated before lazy hydration performed.`,
) )
return return
} }
hydrate() hydrate()
} }
const doHydrate = hydrateStrategy
? () => {
const teardown = hydrateStrategy(performHydrate, cb => const teardown = hydrateStrategy(performHydrate, cb =>
forEachElement(el, cb), forEachElement(el, cb),
) )
if (teardown) { if (teardown) {
;(instance.bum || (instance.bum = [])).push(teardown) ;(instance.bum || (instance.bum = [])).push(teardown)
} }
;(instance.u || (instance.u = [])).push(() => (patched = true))
} }
: hydrate : performHydrate
if (resolvedComp) { if (resolvedComp) {
doHydrate() doHydrate()
} else { } else {