new Vue({
el: "-sharpapp",
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>where test1 is not valid.