uniapp页面通讯

我们开发中会遇到很多页面间通讯场景&＃xff0c;如&＃xff1a;

1. vue 与 nvue&＃xff0c;nvue 与 vue 间的通讯
2. tabbar 页面之间的通讯
3. 父页面与多级子页面间的通讯

uni.$emit() 触发事件

// 登陆页面
uni.$emit(&＃39;login&＃39;, { avatarUrl: &＃39;https://img-cdn-qiniu.dcloud.net.cn/uploads/nav_menu/10.jpg&＃39;, token: &＃39;user123456&＃39;, userName: &＃39;unier&＃39;, login: true
});


uni.$on() 监听事件

// 我的页面
1. onLoad(){ // 监听事件 uni.$on(&＃39;login&＃39;,(usnerinfo)&＃61;>{ this.usnerinfo &＃61; usnerinfo; })
},
2. onUnload() { // 移除监听事件 uni.$off(&＃39;login&＃39;);
},
3. methods: {handleTextClickFn(ind,type) {uni.$on(&＃39;login&＃39;, (usnerinfo) &＃61;> {console.log(usnerinfo, ind, type)})}
}


本质上就是一个页面发生事件触发通知另一个面我发生了变化&＃xff0c;你需要处理一下。