Vue2(选项式)
一,父组件向子组件传递数据:

介绍:在引用的子组件中定义 自定义属性 msg与user.可以通过v-bind 绑定要发送的数据。   在子组件中使用 props 接收自定义属性msg与user. 可以直接在模板中使用。但是如果想要修改的话建议传到data中,再进行修改。 代码如下:

二,子组件向父组件传递数据:

介绍:先在子组件的methods方法中定义一个触发的方法,在方法中使用 this.$emit(a,b). 定义自定义事件a.  b 为要传递的数据。  在父组件中引用的子组件中, 使用v-bind绑定 自定义事件 a.    后面设置方法c。 通过给方法c 传参的方式,获取从子组件传递过来的数据b.  代码如下: 

三,兄弟组件之间传递信息

介绍:有点像把子组件a的数据传递给父组件,父组件再将数据传递给子组件b.  只不过使用了 EventBus充当了中间的传递对象。

①:创建爱你eventBus.js 模块,并向外共享一个Vue的实例对象

②:在数据发送方,调用bus.$emit(‘事件名称’,要发送的数据)方法触发自定义事件

③:在数据接收方,调用bus.$on(‘事件名称’,事件处理函数)方法注册一个自定义事件

本文来源:

博客园:https://www.cnblogs.com/zy-feng/p/16890512.html

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注