封装iview i-table，传入属性不生效

Question

new Vue({
    el: '#app',
    data:{
        c: [{title: 'Name',key: 'name'},{title: 'Age',key: 'age'},{title: 'Address',key: 'address'}],
        d: [
        {
            name: 'John Brown',
            age: 18,
            address: 'New York No. 1 Lake Park',
            date: '2016-10-03'
        },
        ],
    },
})  

Vue.component(
    'test1', 
    {
        template:'<div><Table :columns="c" :data="d"></Table></div>',
        props: ['c','d'],
    }
)
</script>

<div id="app">
<test1 :c="c" :d="d"></test1>
<div><i-Table :columns="c" :data="d"></i-Table></div>
</div>

其中test1不生效。