1.父组件向子组件传值
在父组件绑定,子组件用props接收
父组件绑定
<EchartsMessagePoor :echartsCausePoverty="echartsCausePoverty" :echartsCountspPverty="echartsCountspPverty">
</EchartsMessagePoor>
子组件接收
props:{
echartsCausePoverty{type:Array,default:()=>[]},
echartsCountspPverty:{type:Array,default:()=>[]}
}
2.子组件向父组件传值,兄弟组件传值
创建一个vue实例,通过一个空的vue实例作为桥梁实现vue组件间的通信
①新建一个js文件,new一个vue空对象(在A.B组件中都引入该js文件)
import Vue from 'vue'
export default new Vue;
②在组件A中用$emit发送要传的值
Bus.$emit("houseid",title);
③在组件B中用$on接收(获取到的数据可以在全局使用,一般写在created函数)
Bus.$on("houseid",target=>{this.Message=target;});