Vue组件（Component）

前言：

没有比人更高的山，没有比脚更长的路

--------------------------------正文---------------------------------

注册组件

全局

   Vue.component('my-com',{
      template: '',
      data(){return{xxx:xxx}}
   });

局部

  new Vue({
    el:'',
    data:{},
    components: {
       xxx: {
          template:'',
          data(){return {xxx:xxx}}
       }
    }
  })

组件之间数据传递

一、父组件给子组件数据（props）

  eg:
    

       
    
    
    
    

二、子组件给父组件数据

使用 $on(eventName) 监听事件
使用 $emit(eventName) 触发事件

  eg:
    

      {{count}}
      
    
    
    
    

三、同级组件传递数据

  eg:
    

      {{count}}
      按钮
    
    

      {{count}}
      按钮