刚学Vue，子组件为什么不显示

Question

刚学Vue，按照官方文档（2.0）来入门，但是在组件环节有点问题

HTML

<div id="app">
    <mycomponent></mycomponent>
</div>

js

new Vue({
   el:"#app",
   template:"<p>我是根组件</p>"
});
Vue.component("mycomponent",{
   template:"<p>我是子组件</p>"
})

页面显示，不显示子组件

我也都是按照官方文档来的，不知道哪里出错了?

Answer 1

直接上代码 不懂call我

Answer 2

父组件里要声明components属性，不然无法识别html中的mycomponent标签

Answer 3

Vue.component 这个 要在 初始化new Vue的上面

Answer 4

Vue.component() 要在Vue实例化之前哦

Answer 5

渲染了根组件模板