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('事件名称',事件处理函数)方法注册一个自定义事件
标签:自定义,Vuex,传递信息,方法,传递,Vue2,组件,数据 From: https://www.cnblogs.com/zy-feng/p/16890512.html