vue组件内读取组件内定义的数据

Vue.component('tab-home', {
data:function(){
return {
a:{id:"home-tab-a", text:"home-tab-a text"},
b:{id:"home-tab-b", text:"home-tab-b text"}
}
},
template: `
<div>

<span>Home component</span>

                                <!-- $data就是data:function(){}返回的数据-->

<button v-for="tb in $data">{{tb.text}}</button>
</div>
`
});