<template>
	<view class="content">
		<text v-if="usnerinfo">{{usnerinfo.userName}}</text>
		<button v-else @click="toLogin">去登錄</button>
	</view>
</template>
 
<script>
	export default {
		data() {
			return {
				usnerinfo: null
			}
		},
		// 我的頁(yè)面  
		onLoad() {
			// 監(jiān)聽(tīng)事件,使用 uni.$emit 觸發(fā)事件后，對(duì)應(yīng)的 uni.$on 就會(huì)監(jiān)聽(tīng)到事件觸發(fā)，在回調(diào)中去執(zhí)行相關(guān)的邏輯。
			uni.$on('login', (usnerinfo) => {
				this.usnerinfo = usnerinfo;
			})
		},
		onUnload() {
			// 移除監(jiān)聽(tīng)事件  
			uni.$off('login');
		},
		methods: {
			toLogin() {
				uni.navigateTo({
					url: '/pages/a/a'
				})
			},
		}
	}
</script>

<template>
	<view class="content">
		<view class="data" @click="doLogin">觸發(fā)方法，獲取用戶信息</view>
	</view>
</template>
 
<script>
	export default {
		data() {
			return {
				usnerinfo: null
			}
		},
		// 我的頁(yè)面  
		onLoad() {},
		methods: {
			doLogin() {
				// 登陸頁(yè)面  
				uni.$emit('login', {
					userName: 'lzzzzzzzzzzzzzzzzzzzzz',
					login: true
				});
				uni.navigateBack({})
			}
		}
	}
</script>