Para un proyecto, necesito recorrer una lista de objetos dados en JavaScript y mostrarlos horizontalmente en una tabla html. Ejemplo aquí:https://jsfiddle.net/50wL7mdz/83227/

html:

<div id="app">
  <table>
  <thead><tr><td colspan='5'>{{body.title}}</td></tr></thead>
  <tbody>
    <tr>
      <template v-for='car in body.cars'>
        <td>{{car.make}}</td>
        <td>{{car.model}}</td>
        <td>{{car.year}}</td>
      </template>
    </tr>
  </tbody>
  </table>
</div>

javascript:

 new Vue({
  el: '#app',
  data: {
    body: {title : 'test title',
    cars: [{make: 'Honda', model: 'Civic', year: 2010},
    {make: 'Toyota', model: 'Camry', year: 2012},
    {make: 'Nissan', model: 'Versa', year: 2014}]}
  }
})

En el proyecto real, la longitud de los "automóviles" es desconocida, por lo que el bucle es inevitable. Puede ver que el ejemplo funciona bien en Chrome y Firefox, pero no funciona en IE.

Después de contactar al equipo de desarrollo de Vue, me informaron que la etiqueta de plantilla simplemente no es aceptada en "tr" de IE, y en su lugar necesito usar plantillas basadas en cadenas. Sin embargo, después de experimentar con los componentes de Vue, resulta que Vue tampoco permite múltiples elementos raíz en una plantilla. Enlace al boleto Vue aquí (cerrado):https://github.com/vuejs/vue/issues/7243

¿Cuál sería una buena manera de hacer esto y hacer que funcione también en IE?