思考:这种方法相对于使用this.$bus.$emit、this.$bus.$on 发送接受使用更方便快捷。
一般父组件要设定一个接收的参数名:
<Son @handleClick="handleClick" />
我这里的 @handleClick就是准备接收子组件传递过来的参数,
一般我们接收就是用@+参数名
//Son子组件
<template>
<div>
<el-button type="primary" @click="handleClick"
>点我向父组件传递消息</el-button
>
</div>
</template>
//Parent父组件
<template>
<div>
<Son @handleClick="handleOnClick">
</Son>
</div>
</template>
<script>
import Son from "./Son.vue";
export default {
name: "Parent",
components: { Son },
data() {
return {
};
},
methods: {
handleOnClick(val) {
console.log("父组件收到:" + val);
},
},
};
</script>