Twitter bootstrap VueJS组件不使用引导表

在将VueJS组件与引导表一起使用时，来自组件的数据根本不会出现。但是，当使用

span

或简单的

div

时，它只是显示良好。不知道我在这里错过了什么

newvue({
el:“#应用程序”，
数据：{
计划：[
{名称：'企业'，价格：100}，
{名称：'Pro'，价格：50}，
{名称：'初学者'，价格：10}，
{名称：'免费'，价格：0}
]
},
组成部分：{
计划：{
模板：“#计划模板”，
道具：[“计划”]
}
}
})

VueJS
计划
{{plan.name}
{{plan.price}}

根据本文

问题是HTML只允许表中非常特定的元素子集，因此当Vue使用浏览器引擎从模板字符串创建DOM元素时，浏览器会过滤掉组件

解决方案是使用

is=

属性（）将其自身转换为计划组件的占位符：

请注意plan组件的js代码中的replace:false选项

如果没有它，Vue将用模板的内容替换，留下没有父元素的元素，这是无效的HTML