剛學Vue，按照官方文檔（2.0）來入門，但是在組件環(huán)節(jié)有點問題

HTML

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

js

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

頁面顯示，不顯示子組件

我也都是按照官方文檔來的，不知道哪里出錯了?