有些html元素,诸如<ul>、<ol>、<table>和<select>,对于哪些元素可以出现在其内部是严格限制的,而有些元素,诸如<li>、<tr>和<option>,只能出现在其它某些特定的元素内部。
这会导致我们使用这些有约束条件的元素时遇到一些问题。
<table>
<blog-post-row></blog-post-row>
</table>
这个自定义组件</blog-post-row>会被作为无效内容提升到外部,并导致最终渲染结果出错。幸好这个特殊的is特性给了我们一个变通的方法。
<table>
<tr is="blog-post-row"></tr>
</table>