uniapp中全局变量globalData使用

使用uniapp开发时，可以通过在app.vue中定义全局变量，在每个页面内通过globalData获取

1、在app.vue文件中script标签中添加globalData对象，globalData里面写上你想要实现全局的变量名称作为globalData对象的key值，我声明了名字为globalData的变量名，具体代码如下：

app.vue文件

<script> 
export default {
       globalData: {
          loginSta: false
    },
        onLaunch: function() {
            console.log('App Launch')
        },
        onShow: function() {
            console.log('App Show')
        },
        onHide: function() {
            console.log('App Hide')
        }
    }
 </script>

2、在其他页面中使用和获取：通过getApp().globalData.loginSta.loginSta，来获取全局变量，修改变量值 直接赋值即可，如：getApp().globalData.loginSta.loginSta = true,具体代码如下：

var globalData = getApp().globalData.loginSta; //获取全局变量
 getApp().globalData.loginSta= true; //修改全局变量
 console.log(globalData);
console.log(getApp().globalData.loginSta);

注意: 如果需要在app.vue中获取这个全局变量，需要按以下写法

onLaunch: function() {
      console.log(this.$scope.globalData.loginSta)
      console.log('App Launch')
}

以上就是uniapp中全局变量globalData的使用了，其实uniapp中有好多api和微信小程序中的使用相似，有时候有些东西不知道的时候可以通过小程序的api来试一试。