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>