Vue.js - 単一のファイルコンポーネントで子コンポーネントを使用する

Question

私はVue.jsアプリケーションを持っています。このアプリでは、私はsingle file componentを持っています。このコンポーネントでは、そのコンポーネントに固有の別のコンポーネントが必要です。

parent.vue

<template> 
    <div> 
    <child-component></child-component><br /> 
    <child-component></child-component> 
    </div> 
</template> 

<script> 
    export default { 
    data() { 
     return { 
     info: 'hello' 
     } 
    }, 

    components: { 
     childComponent: { 
     template: '<div>child</div>', 
     data() { return {}; } 
     } 
    } 
    } 
</script> 

のWebPACKで構築した後、私は、ブラウザで私のアプリを実行します。私はこのような何かをしようとしています。そのアプリケーションは、次にコンソールウィンドウにエラーを生成します：

不明なカスタム要素 - コンポーネントを正しく登録しましたか？

私はこれを適切に設定したと思います。しかし、明らかに私はしていません。私は間違って何をしていますか？私は "子コンポーネント"を登録していないかも知れません。しかし、私はどのように1つのファイルコンポーネント内でそれを行うか分からないと思う。私は何が欠けていますか？

は、役に立つかもしれません

Answer 1

いくつかのアイデアをありがとう： - thanksdが指摘したように、childComponentの "子部品" intead登録：

components: { 
     "child-component": { 
     template: '<div>child</div>', 
     data() { return {}; } 
     } 
    } 

• あなたが登録してください（あなたのケースに当てはまるかもしれませんが、投稿したソースコードからはわかりません：

  Vue.component hild-component '、{ テンプレート：'子 '、 data（）{return {}; }} ）

  新しいヴュー（{エル： '#app'}）