javascript - Vue新手，在元件中怎麼使用v-for指令

Question

程式碼如下：

Vue.component('child-i',{ 
props:['msg','datato'],
template:'<h1>{{msg.title}}</h1>'+
        '<table>'+
        '<tbody>'+
            '<tr v-for="to in todata" :datato="to">'+
                '<td>{{datato.tile1}}</td>'+
                '<td>{{datato.tile2}}</td>'+
                '<td>{{datato.tile3}}</td>'+
            '</tr>'+
            '</tbody>'+
        '</thead>'
});

第二段程式碼

var datas = new Vue({
el:"#app",
data:{
    parameter:{title:"hello vue js"},
    todata:[{
        tile1:"aaa",
        tile2:"www",
        tile3:"sss",
    },{
        tile1:"aaa",
        tile2:"www",
        tile3:"sss",
    },{
        tile1:"aaa",
        tile2:"www",
        tile3:"sss",
    }]
}
});

HTML

<p id="app" >
    <child-i :msg="parameter"></child-i>
</p>

其實我想做的很簡單，就是想透過v-for指令，在子元件內部動態建構出一組tr和td的表格標籤，我在運行的時候瀏覽器沒有報錯，但是標籤裡面卻沒有任何關於tr和td的標籤，難道是我那裡寫錯了？ ，希望大神可以指點一下，或給一個demo參考一下

Answer 1

你都已經把msg傳過去了，把todata也傳過去啊…

Answer 2

HTML

雷雷

JS

雷雷