vue組件的is特性

組件功能是vue項目的一大特點。組件能夠擴展html元素，能夠封裝可重用的代碼，能夠增長開發效率。它是自定義元素，vue.js的編譯器爲它添加特殊功能。有些狀況，組件也能夠是原生HTML元素的形式，以is特性進行擴展。

那麼is特性到底是什麼呢？有什麼用途呢？

其實簡單的來講，由於vue模板就是dom模板，使用的是瀏覽器原生的解析器進行解析，因此dom模板的限制也就成爲vue模板的限制了，要求vue模板是有效的HTML代碼片斷。可是因爲dom的一些html元素對放入它裏面的元素有限制，因此致使有些組件沒辦法放在一些標籤中，好比<ul></ul>  <select></select><a></a> <table></table>等等這些標籤中，因此須要增長is特性來擴展，從而達到能夠在這些受限制的html元素中使用。例如：

  

<ul>
  <li is="my-component"></li>
</ul>

而不能使用下面的方式，由於下面的方式會將自定義組件<my-component>當作無效的內容，致使錯誤的渲染結果

<ul>
  <my-component></mu-component>
<ul>

　　其實兩種寫法表達的意思是一致，可是第二種寫法是不合法的，會致使錯誤。