会被跳过渲染的值是 null、undefined、false 和空字符串（''）；它们在 v-if、插值、v-for 及组件返回值中被视为“空”，但 0、[]、{} 不被跳过，且 false 在插值中渲染为字符串"false"。
Vue 渲染器会静默忽略值为 null、undefined、false 或空字符串（''）的节点，不生成任何 DOM 元素，也不报错。
哪些值会被跳过渲染？
在模板中，以下值在插值、v-if、v-for、组件返回值等上下文中均被视为“空”，不会参与渲染：
nullundefined-
false（注意：0、''、[]、{}不会被跳过，仅false本身） -
0和''在某些场景下表现不同 —— 它们通常会被渲染（如文本内容），但作为v-if条件时仍为 falsy
v-if 与插值中空值的区别
v-if 是条件指令，只看布尔转换结果；而插值（{{ }}）是内容渲染，对空值有更精细处理：
Springboot Vue Builder
下载
从零开始编排 SpringBoot+Vue 全栈项目工作流，适用于新建全栈项目或完整脚手架请求，触发后依次调用 product‑spec‑builder（需求调研）等模块。
-
v-if="null"→ 不渲染整个元素 -
{{ null }}→ 渲染为空白文本节点（DOM 中表现为一个空的Text节点，但视觉不可见） -
{{ undefined }}→ 同样渲染为空白文本节点 -
{{ false }}→ 渲染为字符串"false"（因为String(false) === 'false'）
组件 render 函数中的空值处理
在 Composition API 的 setup() 返回对象或 render() 函数中，若返回 null 或 undefined，Vue 会将其视作“无内容”：
立即学习“前端免费学习笔记（深入）”；
-
return () => null→ 渲染为空白（无 DOM） -
return () => [null, h('div', 'hello')]→ 自动过滤掉null，只渲染<div>hello</div> - 类似地，
undefined和false也会被剔除，但0、''、[]会保留并正常渲染
注意事项与常见陷阱
容易混淆的是：0 和空字符串在不同上下文行为不一致：
-
v-if="count"（count = 0）→ 不渲染（因为0是 falsy） -
{{ count }}（count = 0）→ 渲染出"0"（数字转字符串） -
{{ message || 'default' }}（message = ''）→ 显示'default'，因为''是 falsy - 但
{{ message ?? 'default' }}（message = ''）→ 显示''，因为空字符串不是null或undefined
