父页面:
<div>
<hello @showMsg="show">
</div>
<script>
export default {
methods:{
show(){
console.log('子页面点击了');
}
}
}
</script>
子页面:
<div>
<div @click="showClick()"></div>
</div>
<script>
export default {
methods:{
showClick(){
var value ="test";
//注意,这里的showMsg对应的是父页面的接收事件,名字要一样
this.$emit("showMsg", value)
}
}
} </script>