v-if문을 활용한 색상변경

조언해 주신 부분을 아래와 같이 작성하였는데 아무 반응이 없습니다.
어떤 부분이 잘못된 걸까요?

<template>
 <div>
   <h3>Board</h3>
   <table class="boardData">
     <thead>
       <tr>
         <th>성</th>
         <th>나이</th>
         <th>키</th>
         <th>몸무게</th>
       </tr>
     </thead>
    <tbody>
       <strong> <tr v-for = "boardData in boardDatas" :key="boardData" :class="[ boardData.weight >= 70 ? yellow : gray ]"></strong>
          <td>{{boardData.name}}</td>
          <td>{{boardData.age}}</td>
          <td>{{boardData.height}}</td>
          <td>{{boardData.weight}}</td>
      </tr>
    </tbody>
   </table>
 </div>
</template>

<script>
export default{
    name: 'App',
    data(){
      return{
         boardDatas: [
        {
          name: 'Kim',
          age: 18,
          height: 180,
          weight: 70,
        },
        {
          name: 'Lee',
          age: 19,
          height: 177,
          weight: 72,
        },
        {
          name: 'Choi',
          age: 22,
          height: 170,
          weight: 68,
        },
        {
          name: 'Ahn',
          age: 25,
          height: 165,
          weight: 60,
        },
        {
          name: 'Park',
          age: 19,
          height: 176,
          weight: 72,
        },
      ]
      }
    }
  }
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  margin-top: 60px;
}
  h3{
    color: green;
  }
  table {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    border: 1px solid #444444;
    border-collapse: collapse;
  }
  th, td {
    border: 1px solid #444444;
  }
  .yellow
  {
    background-color: yellow;
  }
  .gray
  {
    background-color: gray;
  }

</style>

------------------------------------------------------------------------------

v- for문을 통해 표를 작성했을 때, 조건부 작성을 어떻게 하는지도 궁금합니다. 

<template>
 <div>
   <h3>Board</h3>
   <table class="boardData">
     <thead>
       <tr>
         <th v-for = "item in header" :key ="item">{{item}}</th>
       </tr>
     </thead>
    <tbody>
        <strong><tr v-for = "line in boardDatas" :key="line" :class="[boardDatas >=70 ? yellow:gray]"></strong>
          <td v-for = "item in line" :key="item">{{item}}</td>
        </tr>
    </tbody>
   </table>
 </div>
</template>

<script>
export default{
    name: 'App',
    data(){
      return{
        header:["성","나이","키","몸무게"],
        boardDatas: [
         ['Kim',18,180,70],
         ['Lee',19,177,72],
         ['Choi',22,170,68],
         ['Ahn',25,165,60],
         ['Park',19,176,72],
        ]
      }
    }
  }
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  margin-top: 60px;
}
  h3{
    color: green;
  }
  table {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    border: 1px solid #444444;
    border-collapse: collapse;
  }
  th, td {
    border: 1px solid #444444;
  }
  .yellow
  {
    background-color: yellow;
  }
  .gray
  {
    background-color: gray;
  }

</style>