Vue.jsは<slot>に親コンポーネントをレンダリングすることはできません

Question

Vue公式サイトのslotの使用についての例に従ってみてください。ここでも、それは私が

子供コンポーネント別.vueファイルのコードは非常に短いですが

<template> 
    <div class="content"> 
     <slot> 
     old content 
     </slot> 
    </div> 
</template> 

<script> 
    export default { 

    } 
</script> 

親コンポーネント

<template> 
    <subMenuTemp> 
    <div class="text" > 
     parent content 
    </div> 
    </subMenuTemp> 
</template> 

<script> 
    import subMenuTemp from 'src/test/testChildren.vue' 
    export default { 
    data() { 
    }, 
    components: { 
     subMenuTemp 
    } 
    } 
</script> 

非常に短いコードをした、失敗した、私はまだ見つけることができません私の失敗

Answer 1

main.jsまたはVueをインポートするファイル.jsの2つのコンポーネントを必ず含めてください。

import Vue from 'vue' 
import App from './App' 
import subMenuTemp from './test/testChildren.vue' 

new Vue({ 
    el: '#app', 
    template: '<App/>', 
    components: { App, subMenuTemp } 
})