uniapp vue3全局变量

在Uniapp中设置全局变量的方法如下[^1]：

1. 在App.vue中定义全局变量：

export default {
  globalData: {
    db_picture: 'https://testimg.xxxxx.com/',
    uploadUrl: 'https://test.xxxxx.com',
    userName: '白居易'
  },
  onLaunch() {
    console.log(this.$scope.globalData.userName);
  }
}

在App.vue中的`globalData`对象中定义了全局变量`userName`，可以在整个应用中访问。

2. 在其他页面中使用全局变量：

<template>
  <view>
    <!-- 注意，不能在模板中直接使用 getApp().globalData.userName -->
    <<琵琶行>>的作者是：{{author}}
  </view>
</template>

<script>
export default {
  data() {
    return {
      author: ''
    }
  },
  onShow() {
    // 每次A.vue出现在屏幕上时，都会触发onShow，从而更新author值
    this.author = getApp().globalData.userName;
  }
}
</script>

通过在其他页面的`onShow`生命周期函数中，使用`getApp().globalData.userName`来获取全局变量的值，并将其赋给页面中的数据属性`author`，从而在模板中显示全局变量的值。