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: 'これはテストです'         }

 フォアグラウンドページにデータを設定し、フロントエンドに表示します

<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() {             return {                 test1: getApp().globalData.test1             }         },

 前面に表示する

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