vue组件间传值的方法汇总（父子间、兄弟间）

1、组件间的传值

1.1 父组件向子组件传值

• 子组件自定义一个属性

• 父组件通过自定义属性绑定值

• 子组件调用自定义属性来拿到值

（1.1 完）

1.2 子组件向父组件传值

• 子组件自定义一个事件

• 父组件通过自定义事件绑定一个方法来接收值

（1.2 完）

1.3 兄弟组件间传值（或者夸组件传值）

• 新建一个js文件作为兄弟组件间传值的中转站（new 一个vue）

• 组件1把值先传到bus

• 组件2从bus接收值

（1.3 完）

【完整代码】

parent.vue（父组件）

children1.vue 子组件1

children2.vue 子组件2

bus.js

import Vue from 'vue'

export default new Vue

（完）

相关文章

vue2.0使用路由传值