「Vue.js table template IE エラー」でお困りの方へ。

Vue.jsを使って、こういう風に書きたいことあると思います。

<table>
  <tbody>
    <template v-for="item in items">
      <tr>{{item.name}}</tr>
      <tr>{{item.description}}</tr>
    </template>
    <tr>this one out of v-for</tr>
  </tbody>
</table>

が、これだとIE系でエラーが発生しました。table と template は相性が悪いようです。

解決方法ですが、template は諦めて tbody を v-for するようにします。

<table>
  <tbody v-for="item in items">
      <tr>{{item.name}}</tr>
      <tr>{{item.description}}</tr>
  </tbody>
  <tbody>
    <tr>this one out of v-for</tr>
  </tbody>
</table>

原因分かるまで結構苦戦しました。助かりました。
https://forum-archive.vuejs.org/topic/2088/table-and-template-on-ie