位置: 编程技术 - 正文
vue组件间通信子与父详解（二）(vue中的组件通信)
编辑：rootadmin推荐整理分享vue组件间通信子与父详解（二）(vue中的组件通信)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vue3.0组件通信,vue3.0组件通信,vue3 组件间通信,vue组件间的通信,vue3 组件间通信,vue3 组件间通信,vue3 组件间通信,vue组件间通信子传父的应用场景,内容如对您有帮助，希望把文章链接给更多的朋友！
接着vue组件父与子通信详解继续学习。
二、组件间通信（子组件传值给父组件）
通过事件的方式来完成数据的传输。
①在父组件中 定义一个方法，用来接收子组件所通过事件传来的值
②绑定事件处理函数
事件一般情况 都是自定义事件
③在子组件触发事件
总结：
在Vue 中，父子组件的关系可以总结为 props down, events up。父组件通过 props 向下传递数据给子组件，子组件通过 events 给父组件发送消息。
在子组件中放上一个input，点击按钮 把用户输入的内容发给父组件
标签: vue中的组件通信
本文链接地址:https://www.jiuchutong.com/biancheng/375894.html 转载请保留说明！上一篇：vue组件父与子通信详解（一）(vue中父子组件如何通信的)
下一篇：解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题(vue使用mixin)
