vue组件间通信子与父详解（二）(vue中的组件通信)

编辑：rootadmin

推荐整理分享vue组件间通信子与父详解（二）(vue中的组件通信)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:vue3.0组件通信,vue3.0组件通信,vue3 组件间通信,vue组件间的通信,vue3 组件间通信,vue3 组件间通信,vue3 组件间通信,vue组件间通信子传父的应用场景,内容如对您有帮助，希望把文章链接给更多的朋友！

接着vue组件父与子通信详解继续学习。

二、组件间通信（子组件传值给父组件）

通过事件的方式来完成数据的传输。

①在父组件中定义一个方法，用来接收子组件所通过事件传来的值

②绑定事件处理函数

事件一般情况都是自定义事件

③在子组件触发事件

总结：

在Vue 中，父子组件的关系可以总结为 props down, events up。父组件通过 props 向下传递数据给子组件，子组件通过 events 给父组件发送消息。

在子组件中放上一个input，点击按钮把用户输入的内容发给父组件

本文链接地址:https://www.jiuchutong.com/biancheng/375894.html 转载请保留说明！