name コンポーネント名

最終更新:2026-10-22

name コンポーネント名

name オプションはコンポーネントに名前を付けます。Devtools、再帰的な自己参照、エラーメッセージに影響します。

グループオプション: 合成とその他
種類オプション
スコープコンポーネント内
Vue バージョン3.0+
SSR 対応対応

📝 構文

export default {
  name: "TodoItem"
}

⚙️ 引数

value文字列。複合語の PascalCase 名を推奨します

戻り値:戻り値なし

▶ 例

以下のコードを編集して結果を確認しましょう:

出力:

Renders three recursive levels: 3, 2, 1.

💡 ポイント

💡 ヒント 複合語の PascalCase はネイティブタグとの衝突を避けられます。
ℹ️ 補足

🙏 帮我们做得更好

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

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