Vue.jsのComponentsで2個目以降のコンポーネントが表示されない

最近Vue.jsで趣味アプリを作ってます。で、コンポーネントを使ってみようとapp.jsに以下の定義を入れました。

Vue.component("mycomp", {
  props: ["comp"],
  template: "<div>僕のコンポーネント</div>"
});

htmlは単純に次のように書きました。

<mycomp id="1" />
<mycomp id="2" />
<mycomp id="3" />

すると、なぜか1個しか表示されない orz

タグの後ろに普通のHTMLタグを置いても何も表示されず、最初のコンポーネント配置以降に何らか問題があるようです。
なにこれ、JavaScriptわからないよー、と思いながらググったら全く同じ質問がありました。さすがStackOveflow！

stackoverflow.com

明示的に終了タグを書かないといけないようです。

書き換えたら

<mycomp id="1"></mycomp>
<mycomp id="2"></mycomp>
<mycomp id="3"></mycomp>

出たー！

以上です。