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>