子组件给父组件传值

子组件给父组件传值

逻辑介绍
1在父组件中自定义一个方法，然后在methods中调用这个方法接收参数
2在子组件中自定义一个事件，然后在methods中调用这个方法，用this.$emit（）来传递参数，里面有两个参数，第一个是父组件自定义的方法名，第二个是参数

具体代码
1

<template id="father">
        <div>
            <son :toson="toSon" @tofather="tofather($event,1)"></son>
        </div>
    </template>

2

 methods: {
                tofather(data, params) {
                    console.log(data);
                    console.log(params);
                    console.log(event);
                }
            }

3

<template id="son">
        <div>
            <button @click="toFather">toFather</button>
            {{msg}}
        </div>
    </template>

4

 methods: {
                toFather() {
                    // 第一个参数：自定义事件名  第二个参数：要传递的参数
                    this.$emit('tofather', '去father')
            
                }
            },