vue $emit事件用法

App.vue

<template>

  <ConpentA  @paEvent="clickData"/>

  {{ mes }}

</template>

<script>

import ConpentA from './components/ConpentA.vue';

export default{

  data(){

    return{

      mes:''

    }

  },

  components:{

    ConpentA

  },

  methods:{

    clickData(data){

       this.mes=data

    }

  }

}

</script>

ConpentA.vue

<template>

   <div>

       <h1>{{ message }}</h1>

      <button @click="handParent"> 点击 </button>

   </div>

</template>

<script>

  export default{

    data(){

        return{

            message:'2222'

        }

    },

    methods:{

        handParent(){

            this.$emit('paEvent','hhh')

        }

    }

  }

</script>