uni-app：全局变量的设置及引用（getApp().globalData）+全局方法的引用

一、全局变量的引用 

样式：

首先，找到根目录中App.vue文件

在App.vue中写入全局变量

<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		globalData:{
			test1:'这是一个测试'
		}
	}
</script>

<style>
	/*每个页面公共css */
</style>

globalData:{
        test1:'这是一个测试'
}

 在前台页面进行data设置，并展示到前端

<template>
	<view class="content">
		<text class="title">{{test1}}</text>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				test1: getApp().globalData.test1
			}
		},
		onLoad() {
			console.log(getApp().globalData.test1)			
		},
		methods: {

		}
	}
</script>

<style>
	
</style>

data设置

data() {
    return {
        test1: getApp().globalData.test1
    }    
},

 展示到前端

<view class="content">
    <text class="title">{{test1}}</text>
</view>

二、全局方法的引用

在App.vue中写入全局方法

<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
        methods: {
			startHeartbeat() {
				console.log('开始心跳')	
			},
			stopHeartbeat() {
				console.log('暂停心跳')
			},
		},
		globalData:{
			test1:'这是一个测试'
		}
	}
</script>

<style>
	/*每个页面公共css */
</style>

methods: {
        startHeartbeat() {
                console.log('开始心跳')    
        },
        stopHeartbeat() {
                console.log('暂停心跳')
        },
},

在前台页面进行全局方法的引用

<template>
	<view>
		<button @tap="pauseHeartbeat">暂停心跳</button>
		<button @tap="restartHeartbeat">开始心跳</button>
	</view>
</template>

<script>
	const app = getApp();
	export default {
		data() {
			return {}
		},
		methods: {
			pauseHeartbeat() {
				const app = getApp();
				app.stopHeartbeat();
				console.log('已暂停心跳');
			},
			restartHeartbeat() {
				const app = getApp();
				app.startHeartbeat();
				console.log('已开始心跳');
			}
		}
	}
</script>

<style>

</style>

直接引用全局App.vue的stopHeartbeat()方法

const app = getApp();

app.stopHeartbeat();

或

getApp().stopHeartbeat();