Vuejs2 Vue组件-标记表工作不正常，位于行下

我正在学习VUE JS，我不理解这种行为（对我来说很奇怪）

我想通过Vue组件获取表中的人员列表。 Html标记表位于列表下

文档说明：每个组件必须有一个单独的根，好的，我可以用tbody包装每个tr，但它不能解决这个问题

如何解决

Vue.组件（“c-tr”{
模板：“”
});
Vue.组件（'行'{
道具：[人]，
模板：“{people.name}”
});
var app=新的Vue({
el:“#应用程序”，
数据：{
人民：[
{id:20，名字：'Roman'}，
{id:30，名字：'Vasek'}，
{id:40，名字：'Ondra'}
]
}
})

如果您直接在HTML文件中使用模板，您将遇到随之而来的解析警告。看见尤其需要使用

is

属性将

替换为

。如果将模板定义为字符串或在

.vue

文件中，则不会出现此问题。太好了！谢谢：-）