不同页面的组件传值,多层嵌套组件传值

1. 毫不相干的vue组件
   解决方法:window 事件分发
   A组件中

let options = {}
              options.detail = {//detail为固定参数
                xiangmbid: '',
               ...
              }
const event=new CustomEvent("watchWebsocket", options);
window.dispatchEvent(event);

B组件中

window.addEventListener("watchWebsocket",(options)=>{
       console.info( "详情："+ options["detail"]);
     },false);

2.多层嵌套的组件(依赖注入)

A    provide(){
	return {
	data1:this.data1,
	method1:this.method1	
}
}

X中引用A组件中数据或方法

inject :['data1','method1'],

应用   this.data1......this.method1()