好东西不私藏,大家一起分享!爱站云 用心做
广告位 后台主题配置管理

网站首页 爱站云资源网 技术教程 正文

uni-app 小程序开发定义获取 app.vue 页面 globalData 全局变量

爱站云 2021-04-15 技术教程 0 评论

在做各种程序开发时,最常用到的可能就是全局变量,那么利用 uni-app 框架开发小程序时则可以利用 app.vue 页面设置 globalDada 全局变量。globalData 是一种比较简单的全局变量使用方式。

image.png

小程序中有个 globalData 概念,可以在 App 上声明全局变量。 Vue 之前是没有这类概念的,但 uni-app 引入了 globalData 概念,并且在包括 H5、App 等平台都实现了。

App.vue 页面定义和调用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script>
	export default {
		globalData: {//全局数据
			domain: 'http://www.leiue.com', //域名,便于调用接口
			api: 'http://www.leiue.com/wp-json/app/v1/'
		},
		onLaunch: function() {
			console.log('App Launch');
			console.log(this.$options.globalData.domain);//获取全局变量
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}</script>

在其他页面调用

1
2
3
4
5
6
7
8
9
10
11
<script>
	let App = getApp();
	var API = App.globalData.api;
	export default{
		onload:function(){
			//获取全局变量
			console.log(App.globalData.domain);
			console.log(API);
		}
	}</script>

在 app.vue 页面获取 globalData 不能直接获取,要加一个$options;在其他页面调用要加通过 getApp()获取。


< 爱站云SEO >
本站所有文章,未经允许一律不允许转载,违者后果自负
本站为SEO教学博客,学到东西应该懂得感恩作者 无脑喷子永封IP段+删帐号所有评论
本站部分文章存在于网上收集,如侵犯您的权利,请告知管理员,我们会及时删除,并向您赔礼道歉.

酷站网爱站云 官方QQ群:333914614


猜你喜欢

本文暂时没有评论哦(●'◡'●)

欢迎 发表评论:

温馨提示:(登陆后才可以评论哦!点我QQ登录哦,若已登录请忽略)。
«   2021年5月   »
12
3456789
10111213141516
17181920212223
24252627282930
31
网站分类
搜索
最新留言
文章归档
标签列表