Nuxt componentsディレクトリ配下ファイルの命名規則

Nuxtにて、nuxt - components - Cardディレクトリがあり、
この配下にTitle.vueを作成した場合は正常に動作しないが、
TitleCard.vueとすると正常動作が確認できました。

ファイル名に命名規則があるのでしょうか？
※参照URL等があれば合わせて教えてほしいです

行動規範の内容に同意します

回答1件

ベストアンサー

正常に動作しないのは、コンポーネント名が HTML タグの <title> タグと衝突していたことが原因と思われます。

Vue スタイルガイドでは、必須の項目として、Vue コンポーネントを複数単語で構成するよう記載されています。
※あくまでスタイルガイドなので、これを守らなくてもHTMLタグ名と衝突しなければ動作することはします。

投稿2020/02/15 14:21

総合スコア1086

2020/02/15 15:40

天才

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.31%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問をすることでしか得られない、回答やアドバイスがある。