name 组件名
最后更新:2026-10-22
name 组件名
name 选项为组件命名:影响开发者工具显示、递归组件自引用与错误信息可读性。
| 分组 | 选项式·组合与其他 |
|---|---|
| 类型 | 选项 |
| 作用域 | 组件内 |
| Vue 版本 | 3.0+ |
| SSR 支持 | 支持 |
📝 语法
export default {
name: "TodoItem"
}
⚙️ 参数
| value | 字符串(推荐 PascalCase 多词名,避免与 HTML 标签冲突) |
|---|
返回值:无返回值
▶ 示例
修改下面的代码,在预览区实时查看效果:
输出:
递归渲染三层结构:层级 3 → 层级 2 → 层级 1。
💡 要点
💡 提示 多词 PascalCase(TodoItem)可避免与原生标签冲突,也是官方风格指南要求。
ℹ️ 说明
🙏 帮我们做得更好
我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……
如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏
如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏