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.
| Group | Options: Composition & Misc |
|---|---|
| Kind | Option |
| Scope | Component |
| Vue Version | 3.0+ |
| SSR Support | Yes |
📝 Syntax
export default {
name: "TodoItem"
}
⚙️ Arguments
| value | A 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
🙏 帮我们做得更好
我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……
如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏
如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏