1.為什麼要使用is

　　在vue的官網元件部分中，有明確的描述：當使用 DOM 作為模板時 (例如，使用 el 選項來把 Vue 例項掛載到一個已有內容的元素上)，你會受到 HTML 本身的一些限制，因為 Vue 只有在瀏覽器解析、規範化模板之後才能獲取其內容。尤其要注意，像 <ul>、<ol>、<table>、<select> 這樣的元素裡允許包含的元素有限制，而另一些像 <option> 這樣的元素只能出現在某些特定元素的內部。通俗一點講，就是“龍生龍，鳳生鳳，老鼠的兒子會打洞”，特殊的一下父元素如<ul>、<ol>

　　那麼，有人會問了，這和我們的is有半毛錢關係麼？普通的時候是沒有一毛錢關係的，但是在許多特定的時候，有直接的關係。

　　我們在平常的程式碼中，一般不會將tr封裝為一個元件去使用，可以直接使用“v-for”指令去完成對選項列表的渲染。但是，當我們有了特定的需求的要求，比如這個tr的子元素td的一些部分我需要進行操作，但是tr的數量可能很多條或者不明確tr的數量時，我們無法對其操作項進行繫結，那麼我們只能對其進行元件化

　　那麼問題就出現了，如下：

　　我在定義了子元件my-tr：

　　並在父元件中用正常的方式引用，Vue.component('my-tr', Tr)：

　　彷彿一切都是正確的，但是當我們看到效果的時候就會發現：

　　此時檢查DOM結構就會發現<tr>未在<table>中。

　　問題就出在了文章開始我們說的：像 <ul>、<ol>、<table>、<select> 這樣的元素裡允許包含的元素有限制，而另一些像 <option>

<table>
  <my-row>...</my-row>
</table>

　　自定義元件 <my-row> 會被當作無效的內容，因此會導致錯誤的渲染結果。變通的方案是使用特殊的 is 特性：

<table>
  <tr is="my-row"></tr>
</table>

　　應當注意，如果使用來自以下來源之一的字串模板，則沒有這些限制：

• <script type="text/x-template">
• JavaScript 內聯模板字串
• .vue 元件

　　因此，請儘可能使用字串模板。

　　這就用到了本文的中心“is”，當我們使用<tr is="my-tr" v-for="(man,key) in mans" :man="man" :key="key"></tr>引入外掛，而不是<my-tr></my-tr>時，一切就正常了。