Vue --- $emit子组件向父组件传递数据

首先，要自定义一个子组件，代码如下
子组件↓↓↓
1、首先定义一个click事件sendmsg；
2、通过点击事件使用$emit向父组件发送数据
3、其中$emit括号中的两个值可以理解为key和value
4、其中this.msg就是子组件中data的的某个数据

以下为父组件代码
1、首先要使用来调用子组件内容，其中@watchson就是子组件的key，这里的@符号是v-on的缩写，是绑定事件监听器，用来监听子组件的事件，监听到了事件就能拿到其中的值
2、@watchson中的getchildmsg是可以自己命名的
3、最后通过该监听器创建一个方法来获取数据，如methods中的方法，该方法中的res就是子组件传来的值

最终效果如下图，在子组件点击事件后，父组件打印出了子组件传来的值