VUE中is的作用

 

 

1 <table>
2   <blog-post-row></blog-post-row>
3 </table>

这个自定义组件 <blog-post-row> 会被作为无效的内容提升到外部,并导致最终渲染结果出错。

1 <table>
2   <tr is="blog-post-row"></tr>
3 </table>
is="blog-post-row" 相当于 <blog-post-row></blog-post-row> 语义上是一样的,就是解决了html模板的限制。

vue.js官网说
以下来源使用模板,这条限制是不存在的:
字符串(例如:template:'')
单文件组件(.vue)
<script type="text/x-template">

参考:
https://cn.vuejs.org/v2/guide/components.html
https://segmentfault.com/a/1190000017262264?utm_source=tag-newest
posted @ 2021-03-16 10:53  Evengod  阅读(179)  评论(0编辑  收藏  举报