Vue.js 表外显示的Vue组件

组件显示的行显示在封装组件的表之外。我阅读了说明use is=comp的文档。我尝试在所有标签中使用它，但没有成功。 是否有一种方法可以在表中显示组件中的行

HTML:

JS:

谢谢

根据文档：

一些HTML元素（如ul、ol、table和select）对哪些元素可以出现在它们内部有限制，而一些元素（如li、tr和option）只能出现在某些其他元素内部

要修复它，您需要根据文档使用而不是

：

一些HTML元素（如ul、ol、table和select）对哪些元素可以出现在它们内部有限制，而一些元素（如li、tr和option）只能出现在某些其他元素内部

要修复它，您需要使用而不是

<table>
    <tr >
        <th>Date</th>
    </tr>
   <comp  v-for = "post in all_trans"  v-bind:ip1="post"></comp>
</table>

Vue.component('comp', {
      data: function () {
                return {
                  boolean1: false
                }
            },
        props:['ip1'],
            template: `
                      <tr >
                          <td>{{ip1.created_at}} </td>
                    </tr>
                      `
           })