vue $emit事件用法

标签：vue return ConpentA 用法 mes data 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>

标签：vue,return,ConpentA,用法,mes,data,emit
From： https://www.cnblogs.com/96net/p/18015810