name 组件名

最后更新:2026-10-22

name 组件名

name 选项为组件命名:影响开发者工具显示、递归组件自引用与错误信息可读性。

分组选项式·组合与其他
类型选项
作用域组件内
Vue 版本3.0+
SSR 支持支持

📝 语法

export default {
  name: "TodoItem"
}

⚙️ 参数

value字符串(推荐 PascalCase 多词名,避免与 HTML 标签冲突)

返回值:无返回值

▶ 示例

修改下面的代码,在预览区实时查看效果:

输出:

递归渲染三层结构:层级 3 → 层级 2 → 层级 1。

💡 要点

💡 提示 多词 PascalCase(TodoItem)可避免与原生标签冲突,也是官方风格指南要求。
ℹ️ 说明

🙏 帮我们做得更好

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

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