vue中子组件调用父组件中的方法，父组件调用子组件中的方法

//以下内容默认你已经引入子组件并且注册，我就不写了，只写重点。

子组件调用父组件中的方法

父组件要做的：

1.父组件定义一个方法。

2.在子组件身上用@的方式绑定。

<template>
    <child @Methodname="Methodname"></child>
</template>
<script>
  export default {
    methods: {
      Methodname() {
        console.log('这个方法用@绑定在子组件上，给子组件调用');
      }
    }
  };
</script>

子组件要做的：

1.在子组件method里随便定义一个方法，在{}里调用$emit。

2.大括号里{}格式如下：

//chilMethod:这里是子组件中的方法名，看当时哪个需求要用，就写哪个子组件的名字就可以了。
//Method name：这里写父组件里@绑定的方法名，
//variable：调用父组件的方法后有一个变量可以传回去，这里可以写，可以不写。