参考コード

  • リアクティブなデータを定義する
  • コンポーネント内で描画する
App.vue
<template>
  <div>
    <div :key="member.id" v-for="member in members">{{member.name}}</div>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      members: [
        { name: "中西", position: "ガード", id: 1, height: 163 },
        { name: "佐々木", position: "フォワード", id: 2, height: 173 },
        { name: "渡辺", position: "センター", id: 3, height: 180 },
        { name: "城所", position: "パワーフォワード", id: 4, height: 176 },
        { name: "荒瀬", position: "シューティングガード", id: 5, height: 168 }
      ]
    };
  },
  components: {}
};
</script>

<style>
</style>