Vue JSON Parse

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<body>
<table>
  <thead>
    <th>1</th>
    <th>2</th>
    <th>3</th>
  </thead>
  <tbody>
    <tr>
      <td>Some text here on first column.</td>
      <td>2nd column text.</td>
      <td>Even more text. But on the third column.</td>
    </tr>
    <tr>
      <td>And more text. Second row.</td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>Text!</td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

</body>

CSS

body{
  padding:2rem;
}
table{
  width:100%;
}
table th{
  border:1px solid red;
}
table td{
  border:1px solid black;
}
table tr{
  border:1px solid black;
}