首页 > 建站教程 > 前端框架 >  uni-app js文件中调用globaldata正文

uni-app js文件中调用globaldata

1111.png


globalData是uni-app模仿微信小程序定义的一个全局对象,在vue文件中可以方便调用。在globalData中可以定义一些配置参数,方便取用。那么,uni-app如何在js文件中调用globaldata?下面的方法将globalData赋值给一个全局对象,这样在普通的js文件中,就能成功调用到。

1、新建bus.js,导入一个空对象:

let bus = {};
export default bus


2、在app.vue导入,并且在onLaunch中,将this绑定给它下面的vm,其原理类似VueX

import bus from 'common/bus.js'
onLaunch: function() {
bus.vm = this;
},


3、在任意js中引入bus,然后在js中就可以使用它了:

import bus from './bus.js'
alert(bus.vm.globalData.isIPX) // true