Vue.js 通过Vue.Compile方法编译简单html

我对Vue.compile方法有问题。 我将jquery.datatables与Vue2一起使用，并希望使用“子行”功能，有关详细信息，请查看以下链接：

我希望以与上面链接中所述相同的方式使用datatable，但我不知道如何通过Vue.component方法实现

你能帮我解决这个问题吗？提前谢谢

请查看我的vue文件

新增
身份证件
名称
房间类型
行动
{{item.id}
{{item.name}
{{item.roomType}
编辑
去除
从“../../directions/fileUpload.vue”导入文件上载；
导出默认值{
数据（）{
返回{
数据：[]，
数据标识：[]，
床型：[]，
当前：空
}
},
道具：{
架构：{type:Object}
},
beforeMount（）{
此参数。数据=[{
身份证号码：20，
名称：万豪酒店，
房间类型：“豪华”，
有效时间：10
}]
},
安装的（）{
this.addBedType（）；
this.data.map（（item）=>this.dataIds.push（item.id））；
console.log（this）；
函数nestedRow（d）{
返回`

床型：
×
新增