Edit in JSFiddle

var app = new Vue({
  el: '#app',
  data: {
    data: [{
        name: '櫻木花道',
        height: 188,
        weight: 83,
      },
      {
        name: '流川楓',
        height: 187,
        weight: 75,
      },
      {
        name: '仙道彰',
        height: 190,
        weight: 79,
      },
      {
        name: '牧紳一',
        height: 184,
        weight: 79,
      },
    ]
  }
})

<!-- 
  Bootstrap docs: https://getbootstrap.com/docs
-->

<div id="app">
    <table class="table">
      <thead>
        <tr>
          <th>姓名</th>
          <th>身高(cm)</th>
          <th>體重(kg)</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="(item, key) in data" :item="item" :key="key">
          <td>{{ item.name }}</td>
          <td>{{ item.height }}</td>
          <td>{{ item.weight }}</td>
        </tr>
      </tbody>
    </table>
  </div>