浅析vue component 组件使用

Vue.ponent('my-ponent',{ 
      template:'<div class="tem1">hello world</div>' 
    }  

Vue.ponent('my-ponent',{ 
      template:'<div class="tem1">hello world {{data}}</div>', 
      data:function(){return {data:'hehe'}} 
    });

var app=new Vue({ 
      el:'#app', 
      ponents:{'example':{template:'<div>children template</div>'}} 
    }) 

var app=new Vue({ 
      el:'#app', 
      data:{num:220}, 
      ponents:{ 
        'example':{ 
          template:'<div>children template{{mydata}}</div>', 
          data:function(){return {mydata:' mydata=data'};} 
        } 
 
      } 
    })