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

Question

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

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

Answer 1

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

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

Comments

[otaks]

天才