[Vue.js]tableの中にコンポーネントが描画されない

tableを作製し、tbodyの一部をコンポーネントで描画しようとしたが、
tableの外で描画されてしまった時の対処法。

###外に描画される書き方。

<div id="app">
 <thead>
  <td>ブログコメント</td>
 </thaed>
 <tbody>
  <blog-comment>
  </blog-comment>
 </tbody>
</div>

//BlogCommentテンプレート
<tr>
 <td>
 {{ data }}
 </td>
</tr>

このような書き方をしてしまうとVueが動く前に<tbody>のなかの<tr>ではない要素に関しては、弾かれてしまいます。なので以下のように修正します。

###修正コード

<div id="app">
 <thead>
  <td>苗字</td>
 </thaed>
 <tbody>
  <tr is=blog-comment>　　
　</tr>
 </tbody>
</div>

//BlogCommentテンプレート
<tr>
 <td>
 {{ data }}
 </td>
</tr>

この記事にたどり着くまで結構時間かかってしまったので、お役に立てれば幸いです。

https://vuejs.org/v2/guide/components.html#DOM-Template-Parsing-Caveats