如何创建单个文件vue来处理通过表行的呈现

Question

我希望能够做这样的事情，我们渲染pricings子标题和细节行。它是html表的一部分。但这不会运行。我无法包装模板标签。我该怎么处理？

<template>
  <tr v-if="pricings.length > 0">
    <td colspan='2'>{{type_phrase}}</td>
  </tr>
  <tr v-for="pricing in pricings">
    <td>{{pricing.name}}</td>
    <td>{{pricing.value}}</td>
  </tr>
  <tr v-else>
    <td colspan='2'>No {{type_phrase}}</td>
  </tr>
</template>
<script>

export default {
  props:['pricings', 'type_phrase']
}

我无法包装模板或div。这是什么一般策略？