Js

再帰コンポーネントの場合は、必ず「名前」オプションを指定してください。 (で見つかりました)



Recursive Components



すべてのエラーは不明なカスタム要素です:-コンポーネントを正しく登録しましたか?再帰コンポーネントの場合は、必ず「名前」オプションを指定してください。
(で見つかりました)
理由分析:1。コンポーネントが登録されていません。つまり、コンポーネントを正しく登録しましたか?
2.コンポーネントの書き方が間違っています。 (登録に問題がある場合は、コンポーネントの書き方に問題があります)

  • コンポーネントを登録する方法は?

Vueのコンポーネント関数を使用してコンポーネントを登録します。定義コードは次のとおりです。最初のパラメーターはコンポーネント名「name」、2番目はコンポーネントの詳細な構成情報です。
名前を定義する2つの方法
1. my-componentはすべて小文字です(すべて小文字の名前でコンポーネントを参照してください)
2. MyComponentなどのキャメルケースに名前を付けます(注:最初の文字も大文字にする必要があります)



Vue.component('myComponent',{ data:function(){ return { count:0 } }, template:'You clicked {{count}}' })
  • 引用する方法は?

エラーケースをDOMで直接使用します。
ここでは、エラーの元の使用法の説明に焦点を当てます。私がそれを定義したとき、それはMyComponentでした。参照をそのように参照することはできません。 Vueは、大文字のCを「-c」に変換するのに役立ちます。したがって、キャメルケースがコンポーネントを定義している場合は、コンポーネントを作成するときに「-」を使用してキャメルケース間の名前をリンクし、小文字で記述します。つまり、引用符で囲む必要があります。ここで2つの状況に注意してください。
-これはDOMで直接使用され、引用符で囲む場合は小文字にする必要があります
-文字列テンプレート内にある場合は、次のことができます。このようにして、両方の方法を使用できます。

  • エラーの理由は、引用したことです。vueが定義した名前を見つけられない場合は、必ず「名前」オプションを指定するように通知されます。
  • 公式文書は次のとおりです。

    PascalCase(頭文字が大文字の名前)を使用してコンポーネントを定義する場合、このカスタム要素を参照するときに両方の命名法を使用できます。言い換えれば、とは両方とも受け入れられます。それにもかかわらず、DOMで直接使用する場合(つまり、文字列以外のテンプレート)はkebab-caseのみが有効であることに注意してください。