Vue.jsのコンポーネントが大文字にされている

Question

Vue.jsのコンポーネントを大文字にする特定の理由はありますか？

私はこれをたくさん見ていますが、なぜこのように書かれているのかについての正当な理由は見当たりません。 cliリポジトリでさえ、コンポーネントのためにこれを持っています。

Answer 1

コンポーネントコンストラクタ/ definiton（大文字）とコンポーネントインスタンスを区別するのは単なる規則です。

それはないクラスは、クラスのインスタンスで資産計上されている一般的な慣例です：、コンポーネント名

const user = new User() 

Answer 2

私が見て使用してきたものから、vuejsはあなたのコンポーネントファイルを気にしない場合。

例：

// HelloWorld.vue 
export default { 
    data() { 
    return { 
     msg: 'Hello' 
    } 
    } 
} 

ようApp.vue言うに使用されている場合：

//App.vue 
<template> 
    <HelloWorld></HelloWorld> 
    <hello-world><hello-world> 
</template> 

import HelloWorld from 'path/to/HelloWorld' //adding .vue is optional 

export default { 
    components: { 
    HelloWorld 
    } 
} 

vuejsは、W3Cの標準

を強制しません、全く悪影響はないだろうVueではカスタムタグ名（すべて小文字、ハイフンを含む必要があります）のW3Cルールは適用されませんが、この規約にはconsi善良な練習をする。

source

だから、ケバブ、ケースやキャメルケースvuejsでインポートしたコンポーネントが内部的にそれをチェックし、コンポーネントを同じようにレンダリングされます使用することができます。