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