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