最近Vue.jsで趣味アプリを作ってます。で、コンポーネントを使ってみようとapp.jsに以下の定義を入れました。
Vue.component("mycomp", { props: ["comp"], template: "<div>僕のコンポーネント</div>"});
htmlは単純に次のように書きました。
<mycompid="1" /><mycompid="2" /><mycompid="3" />
すると、なぜか1個しか表示されない orz
タグの後ろに普通のHTMLタグを置いても何も表示されず、最初のコンポーネント配置以降に何らか問題があるようです。
なにこれ、JavaScriptわからないよー、と思いながらググったら全く同じ質問がありました。さすがStackOveflow!
明示的に終了タグを書かないといけないようです。
書き換えたら
<mycompid="1"></mycomp><mycompid="2"></mycomp><mycompid="3"></mycomp>
出たー!
以上です。