Vue 组件如何进行传值的?

1）父组件向子组件传递数据

父组件内设置要传的数据，在父组件中引用的子组件上绑定一个自定义属

性并把数据绑定在自定义属性上，在子组件添加参数 props 接收即可

2）子组件向父组件传递数据

子组件通过 Vue 实例方法$emit 进行触发并且可以携带参数，父组件监听使

用@（

v-on）进行监听，然后进行方法处理

3）非父子组件之间传递数据

1、引入第三方 new Vue 定义为 eventBus

2、在组件中 created 中订阅方法 eventBus.$on("自定义事件名",methods 中的方

法名)

3、在另一个兄弟组件中的 methods 中写函数，在函数中发布 eventBus 订阅

的方法 eventBus.$emit("自定义事件名”)

4、在组件的 template 中绑定事件(比如 click)