接着继续学习。
二、组件间通信(子组件传值给父组件)
通过事件的方式来完成数据的传输。
①在父组件中 定义一个方法,用来接收子组件所通过事件传来的值
rush:js;">
methods:{
recvMsg:function(msg){
//参数msg就是子组件通过事件出来的数据
}
}
②绑定事件处理函数
事件一般情况 都是自定义事件
rush:js;">
③在子组件触发事件
总结:
在Vue 中,父子组件的关系可以总结为 props down,events up。父组件通过 props 向下传递数据给子组件,子组件通过 events 给父组件发送消息。
rush:xhtml;">
<Meta charset="UTF-8">
组件间通信子传父
在子组件中放上一个input,点击按钮 把用户输入的内容发给父组件
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。