vue中使用組件渲染tbody，結(jié)果tbody和table平級(jí)???

代碼如下

html

<div id="app">
          <table>
              <thead>
                  <tr>
                      <th>表單動(dòng)畫(huà)</th>
                      <th>姓名</th>
                      <th>操作</th>
                  </tr>
              </thead>
              <trs :parent-data="list"></trs> 
          </table>
    </div>

組件模板

<template id="tmp">
        <tbody>
            <tr v-for="(item, index) in msg" :key="item.id">
                <td>{{index}}</td>
                <td>{{item.id}}</td>
                <td>
                    <a href="#" @click.prevent="del(item.id)"></a>
                </td>
            </tr>
        </tbody>
    </template>

 var trs = {
            template: '#tmp'
            }

圖片描述

怎么解決啊，各種問(wèn)，各種看，依舊不行，使用過(guò)渡動(dòng)畫(huà)的方式我只到使用

 <table is="transition"></table>  // 使用 is

使用 is 沒(méi)試出來(lái)，有沒(méi)有其他解決辦法啊

回答

編輯回答

玩控

圖片描述

2017年3月15日 13:21

編輯回答

糖果果

沒(méi)想到今日才算真正地解決

兩種理解方式

字符串模板：使用了template，因而基于vue-cli搭建的項(xiàng)目，每個(gè)組件都是一個(gè)，因而可以忽略名稱大小，以及這類特殊問(wèn)題，正常使用即可
非字符串模板：這里指直接在html中使用，當(dāng)前問(wèn)題便是這一類

//組件

<template id="tmp">
        <tbody>
            <tr v-for="(item, index) in msg" :key="item.id">
                <td>{{index}}</td>
                <td>{{item.id}}</td>
                <td>
                    1234567
                </td>
            </tr>
        </tbody>
    </template>
    
 //父組件中使用
<table>
              <thead>
                  <tr>
                      <th>表單動(dòng)畫(huà)</th>
                      <th>姓名</th>
                      <th>操作</th>
                  </tr>
              </thead>
              <tbody is="trs"></tbody>
          </table>