name Component Name

Last updated: 2026-10-22

name Component Name

The name option labels a component, affecting Devtools, recursive self-reference and error messages.

GroupOptions: Composition & Misc
KindOption
ScopeComponent
Vue Version3.0+
SSR SupportYes

📝 Syntax

export default {
  name: "TodoItem"
}

⚙️ Arguments

valueA string; prefer multi-word PascalCase names

Returns:No return value

▶ Example

Edit the code below and see the live result:

Output:

Renders three recursive levels: 3, 2, 1.

💡 Key Points

💡 Tip Multi-word PascalCase avoids clashes with native tags.
ℹ️ Note

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏