vue获取json数据后怎么动态添加到tbody中？

Question

下面那段标签是动态生成的tr和td，用jquery是直接append到表格的tbody中，但是用vue的话应该怎么写呢？用组件渲染吗？

    var str=`           <tr>
           <td class="num"></td>
           <td class="result-content">${txt}</td>
           <td class="pos-st">(${points[0]},${points[1]})</td>
           <td class="pos-st">(${points[2]},${points[3]})</td>
           <td class="pos-st">(${points[4]},${points[5]})</td>
           <td class="pos-st">(${points[6]},${points[7]})</td>
           <tr>`;