Javascript 表中嵌套的自定义组件在错误的位置渲染？

我想呈现一个表，因为我需要处理单元格，所以我通过一个组件来定义它们

下面是小提琴中的例子：

Vue.component（'table-cell'{
道具：{
“r”：0，
“c”：0
}, 
模板：“{c}}”
});
var app=新的Vue({
el:“#应用程序”，
数据：{
行：3，
科尔斯：3，
},
});
您遇到了一个HTML解析边缘案例，该案例在下面的Vue文档中进行了描述。解决方法是在
表
s中的自定义组件上使用
is
属性。下面是一个代码的固定工作示例：


Vue.component（'table-cell'{
道具：{
r:号码，
c:号码，
}, 
模板：{{r}}，{{c}}，
})
var app=新的Vue({
el:“#应用程序”，
数据：{
行：3，
科尔斯：3，
},
})
td{
边框：1px纯黑；
填充物：5px10px；
}

这不是您要寻找的答案，但我想指出的是，data属性应该是一个返回object的函数。这不仅适用于组件，也不适用于vue实例？两者都适用。看见