接着vue组件父与子通信详解继续学习。本文主要为大家详细介绍了vue组件间通信子与父的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。
二、组件间通信（子组件传值给父组件）
通过事件的方式来完成数据的传输。
①在父组件中 定义一个方法，用来接收子组件所通过事件传来的值
methods:{
recvMsg:function(msg){
//参数msg就是子组件通过事件出来的数据
}
}②绑定事件处理函数
立即学习“前端免费学习笔记（深入）”；
事件一般情况 都是自定义事件
③在子组件触发事件
事件名，值
this.$emit('myEvent',myPhone)
//触发一个叫做myEvent的事件，同时把第二个参数数据传递给事件对应的处理函数总结：
在Vue 中，父子组件的关系可以总结为 props down, events up。父组件通过 props 向下传递数据给子组件，子组件通过 events 给父组件发送消息。
组件间通信子传父
{{msg}}
在子组件中放上一个input，点击按钮 把用户输入的内容发给父组件
子与父之间的通信
{{msg}}
相关推荐：
