vue父子组件之间的通信

一、父组件到子组件的通讯

   1、通过props传递父组件数据给子组件

     父组件：  

     子组件：

                

     可以通过props将（String,Number,Boolean,Object, Array ,Function）数据从父组件传递到子组件

    2、通过$on传递父组件的方法给子组件

      父组件：  

                  

                  

       子组件：

                  

    3、在子组件获取父组件然后使用父组件中的数据

         子组件：

                  

二、子组件到父组件的通讯

     1、通过$emit传递数据给父组件

         父组件： 

                   

                 

         子组件：

                 

     2、父组件通过refs来获取子组件实例从而获取数据

          父组件：