![e74dfc64a7f7189a1b4550e4163773cf.png](https://i-blog.csdnimg.cn/blog_migrate/8bf5a29b46cb00debe7351f4e3276789.jpeg)
在某些元素里面使用组件是不可以的,如:
<div id="demo">
<table>
<tbody>
<a-cmp></a-cmp>
</tbody>
</table>
</div>
<script>
const vm = new Vue({
el: '#demo',
components: {
'a-cmp': {
template: `<span>hello world</span>`
}
}
});
</script>
![cb1b997a8dc6394a7f734195938aefc3.png](https://i-blog.csdnimg.cn/blog_migrate/c2eb9224cc97c17c379e3e262b96adcc.png)
这时,可以使用 is 属性来解决这个问题,如:
<div id="demo">
<table>
<tbody>
<tr is="a-cmp"></tr>
</tbody>
</table>
</div>
<script>
const vm = new Vue({
el: '#demo',
components: {
'a-cmp': {
template: `<span>hello world</span>`
}
}
});
</script>
![37b31a9ec61774b8ab89fc4b52b1879d.png](https://i-blog.csdnimg.cn/blog_migrate/719bd10f3463f9d244da8d1afb80320e.png)