Vue中this.$emit子传父

1.父组件中引入子组件

        <子组件标签  @自定义事件名="父组件的事件名"></子组件标签>

        在methods中定义方法

        methods:{

                        父组件的事件名(接收子组件传递的值){

                                //操作 

                        }

                 }

2.子组件中

        methods:{

                事件名(){

                                this.$emit("父组件自定义事件名"，要传递的值)

                }

        }

 例子：
        父组件：
             <my-com title="你是子元素"  @suibian="receiveMsg"/>
            <div>收到子元素的数据：{{num}}</div>
       
             methods:{
              //子传父
              receiveMsg(msg){
                  console.log('子传入的信息',msg)      
                  this.num=msg    
              }      
           }
         子组件：
              chooseNum(num){
               //父元素：@suibian="receiveMsg"
               //使用$emit来触发自定义事件
               //参数1：事件名
               //参数2：传递给事件中绑定方法的参数
               this.$emit('suibian',num)       
               }