Vue 3中命名为“none”的组件无法渲染，是否为保留字？

是的，none在Vue 3中属于特殊标签名，会被编译器当作原生占位元素处理，而非Vue自定义组件，这就是你的组件无法被渲染、直接输出原始HTML的原因。

具体原因 #

Vue 3的模板编译器对标签名做了特殊处理：当模板中出现<none>标签时，会将其视为v-if/v-else分支里的空状态占位符，跳过组件解析流程，直接保留原始标签结构输出到DOM中。

而Vue 2的编译器没有这个规则，所以你之前能正常使用<none>组件。即使使用@vue/compat兼容插件，Vue 3核心的模板编译规则依然生效，因此会出现这个兼容性问题。

你的场景验证 #

• 当你使用<none v-else/>时，编译器识别到none标签，直接输出<none></none>，不进行组件实例化。
• 重命名为NoneTag.vue后，标签名none-tag（PascalCase命名的组件对应模板中的kebab-case标签）不在Vue 3的特殊标签列表中，因此能正常被解析为自定义组件。
• 移除动态<component>后问题依旧，也说明问题根源在标签名本身，和组件内部实现无关。

内容的提问来源于stack exchange，提问作者lifo