vue组件间传值

总结

1.父组件传值给子组件，父组件用bind(用缩写:)绑定值到子组件身上，子组件用属性props接收

2.子组件传值父组件，子组件发送的形式是this.$emit(事件名,需要发送的值)，事件名：父组件on监听的方法，父组件第一件事就是监听子组件发送过来的事件名，@事件名=获取值的方法。

3.非父子组件进行传值（1）先子传父，再父传子（2）兄弟传值，两个都要引入公共js->bus。首先是发送者，this.$emit(名字，值)。然后是接受者,this.$on("传过来的那个名字"，函数（值）)，这里要注意的是接受者的这个监听事件应该是放在钩子mounted事件内。同时注意this指向问题。（可用封装方法）

一.父组件传值给子组件

父组件：

子组件：

二.子组件向父组件传值

子组件：

父组件：

三.非父子组件进行传值

(1) 先子传父，再父传子

a组件：

父组件：

b组件：

(2) bus.js

公共bus：

A组件：

B组件：