feat: v-skip

[edison1105]

RFC vuejs/rfcs#714

Implementation

• The v-skip directive is compiled into a conditional expression
• When the condition is true
  • If the container is a native element, render its children directly
  • If the container is a component, render its default slot
• When the condition is false, the original DOM structure is preserved/maintained

Usage Restrictions

• Cannot be used on <template> or <slot> tags
• Components must have a default slot without slot props
• Cannot be used together with v-for

[github-actions]

Size Report

Bundles

File	Size	Gzip	Brotli
runtime-dom.global.prod.js	101 kB (+150 B)	38.3 kB (+64 B)	34.5 kB (+68 B)
vue.global.prod.js	161 kB (+1.87 kB)	58.7 kB (+586 B)	52.2 kB (+492 B)

Usages

Name	Size	Gzip	Brotli
createApp (CAPI only)	47 kB	18.4 kB	16.8 kB
createApp	55.4 kB	21.5 kB	19.6 kB
createSSRApp	59.6 kB	23.2 kB	21.1 kB
defineCustomElement	60.2 kB	23.1 kB	21 kB
overall	69.5 kB	26.6 kB	24.2 kB

[pkg-pr-new]

Open in Stackblitz

@vue/compiler-core

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

@vue/compiler-dom

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

@vue/compiler-sfc

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

@vue/compiler-ssr

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

@vue/reactivity

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

@vue/runtime-core

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

@vue/runtime-dom

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

@vue/server-renderer

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

@vue/shared

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

vue

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

@vue/compat

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

commit: 80b32bf