vue组件间通信子与父详解(二)

前端之家收集整理的这篇文章主要介绍了vue组件间通信子与父详解(二)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

接着继续学习。

二、组件间通信(子组件传值给父组件)

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

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

②绑定事件处理函数

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

③在子组件触发事件

函数

总结:

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

<Meta charset="UTF-8"> 组件间通信子传父

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

<Meta charset="UTF-8"> 子与父之间的通信

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/vue/35329.html

猜你在找的Vue相关文章