Skip to content

fix(runtime-vapor): apply template ref on dynamic fragment#14471

Merged
edison1105 merged 8 commits intovuejs:minorfrom
jackma9604:fix/templateRef
Feb 25, 2026
Merged

fix(runtime-vapor): apply template ref on dynamic fragment#14471
edison1105 merged 8 commits intovuejs:minorfrom
jackma9604:fix/templateRef

Conversation

@jackma9604
Copy link
Copy Markdown

@jackma9604 jackma9604 commented Feb 24, 2026

Problem Description

Switching components within a dynamic component cannot change the value of ref

Version

v3.6.0-beta.6

Link to minimal reproduction

Playground

Steps to reproduce

  1. Click the 'changeComp' button
  2. Click the 'execShow' button

What is expected?

Console prints "two"

What is actually happening?

Console prints "one"

@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Feb 24, 2026

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new bot commented Feb 24, 2026 •
edited
Loading

Open in StackBlitz

@vue/compiler-core

pnpm add https://pkg.pr.new/@vue/compiler-core@14471

npm i https://pkg.pr.new/@vue/compiler-core@14471

yarn add https://pkg.pr.new/@vue/compiler-core@14471.tgz

@vue/compiler-dom

pnpm add https://pkg.pr.new/@vue/compiler-dom@14471

npm i https://pkg.pr.new/@vue/compiler-dom@14471

yarn add https://pkg.pr.new/@vue/compiler-dom@14471.tgz

@vue/compiler-sfc

pnpm add https://pkg.pr.new/@vue/compiler-sfc@14471

npm i https://pkg.pr.new/@vue/compiler-sfc@14471

yarn add https://pkg.pr.new/@vue/compiler-sfc@14471.tgz

@vue/compiler-ssr

pnpm add https://pkg.pr.new/@vue/compiler-ssr@14471

npm i https://pkg.pr.new/@vue/compiler-ssr@14471

yarn add https://pkg.pr.new/@vue/compiler-ssr@14471.tgz

@vue/compiler-vapor

pnpm add https://pkg.pr.new/@vue/compiler-vapor@14471

npm i https://pkg.pr.new/@vue/compiler-vapor@14471

yarn add https://pkg.pr.new/@vue/compiler-vapor@14471.tgz

@vue/reactivity

pnpm add https://pkg.pr.new/@vue/reactivity@14471

npm i https://pkg.pr.new/@vue/reactivity@14471

yarn add https://pkg.pr.new/@vue/reactivity@14471.tgz

@vue/runtime-core

pnpm add https://pkg.pr.new/@vue/runtime-core@14471

npm i https://pkg.pr.new/@vue/runtime-core@14471

yarn add https://pkg.pr.new/@vue/runtime-core@14471.tgz

@vue/runtime-dom

pnpm add https://pkg.pr.new/@vue/runtime-dom@14471

npm i https://pkg.pr.new/@vue/runtime-dom@14471

yarn add https://pkg.pr.new/@vue/runtime-dom@14471.tgz

@vue/runtime-vapor

pnpm add https://pkg.pr.new/@vue/runtime-vapor@14471

npm i https://pkg.pr.new/@vue/runtime-vapor@14471

yarn add https://pkg.pr.new/@vue/runtime-vapor@14471.tgz

@vue/server-renderer

pnpm add https://pkg.pr.new/@vue/server-renderer@14471

npm i https://pkg.pr.new/@vue/server-renderer@14471

yarn add https://pkg.pr.new/@vue/server-renderer@14471.tgz

@vue/shared

pnpm add https://pkg.pr.new/@vue/shared@14471

npm i https://pkg.pr.new/@vue/shared@14471

yarn add https://pkg.pr.new/@vue/shared@14471.tgz

vue

pnpm add https://pkg.pr.new/vue@14471

npm i https://pkg.pr.new/vue@14471

yarn add https://pkg.pr.new/vue@14471.tgz

@vue/compat

pnpm add https://pkg.pr.new/@vue/compat@14471

npm i https://pkg.pr.new/@vue/compat@14471

yarn add https://pkg.pr.new/@vue/compat@14471.tgz

commit: fd2795a

@github-actions
Copy link
Copy Markdown

github-actions bot commented Feb 24, 2026

Size Report

Bundles

File Size Gzip Brotli
compiler-dom.global.prod.js 86.4 kB 30.2 kB 26.6 kB
runtime-dom.global.prod.js 110 kB 41.6 kB 37.3 kB
vue.global.prod.js 169 kB 61.4 kB 54.7 kB

Usages

Name Size Gzip Brotli
createApp (CAPI only) 50.3 kB 19.7 kB 17.9 kB
createApp 59.3 kB 23 kB 20.9 kB
createApp + vaporInteropPlugin 82.3 kB 30.5 kB 27.7 kB
createVaporApp 28.6 kB 11.1 kB 10.2 kB
createSSRApp 63.5 kB 24.7 kB 22.5 kB
createVaporSSRApp 32 kB 12.4 kB 11.3 kB
defineCustomElement 65.3 kB 24.8 kB 22.5 kB
defineVaporCustomElement 38.9 kB 14.4 kB 13.2 kB
overall 74.1 kB 28.3 kB 25.7 kB

@edison1105 edison1105 changed the title fix(runtime-vapor): fix the ref in dynamic components fix(runtime-vapor): apply template ref on dynamic fragment Feb 25, 2026
@edison1105 edison1105 merged commit 2fb57c4 into vuejs:minor Feb 25, 2026
18 of 21 checks passed
@jackma9604 jackma9604 deleted the fix/templateRef branch February 25, 2026 01:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@jackma9604 @edison1105