Vue组件中is的作用

项目场景：

项目场景：有些HTML元素，诸如 <ul>、<ol>、<table>和<select>，对于哪些元素可以出现在其内部是有严格限制的,而有些HTML元素，诸如 <li>、<tr> 和 <option>，只能出现在其它某些特定的元素内部。

---

问题描述

直接封装子组件标签,并用在<ul>、<ol>、<table>和<select>标签内,

<card-list></card-list>会被作为无效的内容提升到外部，并导致最终渲染结果出错

  <ul>
      <card-list></card-list>
    </ul>

---

解决方案：

配合组件内is  (动态is :is="变量名"==>切换组件)

     <ul>
      <li is="cardList"></li>
     </ul>