Skip to content

Commit

Permalink
docs: more specific mention of where PascalCase naming is allowed, in…
Browse files Browse the repository at this point in the history
… components/registration.md file. (#2450)
  • Loading branch information
jay-es authored Dec 11, 2024
1 parent 8cb0cb9 commit 206ace0
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion src/guide/components/registration.md
Original file line number Diff line number Diff line change
Expand Up @@ -138,4 +138,4 @@ export default {

このスタイルは、SFC や文字列テンプレートを合わせて使う時に推奨されるスタイルです。ただし、[DOM 内テンプレート解析の注意点](/guide/essentials/component-basics#in-dom-template-parsing-caveats) で説明しているように、DOM 内テンプレートの中では PascalCase のタグが使えません。

幸いなことに、Vue は PascalCase で登録したコンポーネントから kebab-case 形式のタグへの解決をサポートしています。これにより、`MyComponent` として登録したコンポーネントは、`<MyComponent>``<my-component>` のどちらを使ってもテンプレート内で参照できます。そのため、テンプレートの出どころに関わらず、JavaScript のコンポーネント登録のコードには同じものを用いることができます。
幸いなことに、Vue は PascalCase で登録したコンポーネントから kebab-case 形式のタグへの解決をサポートしています。これにより、`MyComponent` として登録したコンポーネントは、`<MyComponent>``<my-component>` のどちらを使っても Vue テンプレート内(または Vue によってレンダリングされる HTML 要素内)で参照できます。そのため、テンプレートの出どころに関わらず、JavaScript のコンポーネント登録のコードには同じものを用いることができます。

0 comments on commit 206ace0

Please sign in to comment.