VUE 父子组件之间通信传值 props和 $emit，事件触发传值ref，以及兄弟组件之间的通信传值 eventBus

1、父组件传值给子组件 $props，子组件传值给父组件 $emit

父组件

<div >

<tree-component @func="getMsgFormSon" :childmsg="fatherParams"></tree-component> //引入的子组件，fatherParams 是要传给子组件的值（字符串、对象、方法都可以传）

</div>

　　　　var vm = new Vue({
　　　　　　　　el:'#app',
　　　　　　　　data:{
　　　　　　　　　　　fatherParams:'我是你爹'
　　　　　　　　},
　　　　　　　　methods:{
　　　　　　　　　　getMsgFormSon(data){
　　　　　　　　　　　　console.log(data) //data 就是从子组件传过来的数据
　　　　　　　　　　}
　　　　　　　　}
　　　　})

子组件

　　　　Vue.component('tree-component', {
　　　　　　　　props:['childmsg'], //接收父组件传过来的值
　　　　　　　　data(){
　　　　　　　　　　　return {
　　　　　　　　　　　　　　childParams:'我是子组件信息'
　　　　　　　　　　　}　
　　　　　　　　},
　　　　　　　　created:function(){
       　　　　　　 console.log(this.childmsg) //在初始化的是就可以输出 ‘我是你爹’ 这个服组件传过来的值了

　　　　　　　　　template:'<div @click='passToFather()'></div>

　　　　　　　　　methods:{

　　　　　　　　　　　　var self=this

　　　　　　　　　　　　passToFather(){

　　　　　　　　　　　　　　self.$emit('func',self.childParams) // self.childParams 是传给父组件的数据

　　　　　　　　　　　　}