uni-app 怎么在app.vue里设置全局变量，并在其他页面引用

在 `app.vue` 中，你可以通过 `Vue.prototype` 属性来设置全局变量，例如：

<script>
export default {
  created() {
    Vue.prototype.$globalVar = '这是一个全局变量'
  },
}
</script>

在其他页面中，你可以通过 `this.$globalVar` 来使用该全局变量，例如：

<template>
  <div>{{ $globalVar }}</div>
</template>

<script>
export default {
  mounted() {
    console.log(this.$globalVar)
  },
}
</script>

相关问题

uni-app vue3全局变量

uni-app是一个基于Vue.js的跨平台应用开发框架，它允许开发者使用一套代码构建同时运行在微信小程序、H5、App等多端的应用。在Vue3中，如果你想设置全局变量，可以考虑以下几个步骤：

1. **Vue全局响应式实例**：在`main.js`或`app.vue`中创建一个`store`或者`appContext`对象，这是一个Vue实例，可以作为全局状态容器。

// main.js 或者 app.vue
import { createApp } from 'vue'
import App from './App.vue'

const app = createApp(App)
let globalData = {
  // 全局变量
}

app.config.globalProperties.$globalData = globalData

app.mount('#app')

2. **Vuex store**：如果你需要管理更复杂的全局状态，可以使用Vuex。创建一个store，并将数据存储在`state`里，通过`actions`, `mutations`进行修改。

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    globalVar: 'default value'
  },
  mutations: {
    updateGlobalVar(state, newValue) {
      state.globalVar = newValue
    }
  }
})

export default store

然后在组件内通过`this.$store.state.globalVar`访问并修改这个值。

3. **自定义指令**：对于一些不需要状态管理的简单全局变量，也可以使用自定义指令来绑定到组件上，如`v-model`一样。

<input v-model="$globalData.myValue" />

uniapp重新渲染页面_uni-app多种设置全局变量及全局变量重新赋值

要重新渲染页面，可以使用 `uni.$emit` 和 `uni.$on` 方法来实现。首先，在需要重新渲染的页面中，注册一个事件监听器：

// MyPage.vue

export default {
  created() {
    uni.$on('update', this.handleUpdate)
  },
  destroyed() {
    uni.$off('update', this.handleUpdate)
  },
  methods: {
    handleUpdate() {
      // 重新渲染页面的逻辑
    }
  }
}

然后，在需要重新渲染的地方，使用 `uni.$emit` 方法触发事件：

// SomeComponent.vue

export default {
  methods: {
    update() {
      uni.$emit('update')
    }
  }
}

至于多种设置全局变量及全局变量重新赋值，可以使用 VueX 进行状态管理。在 `store/index.js` 文件中定义全局变量和方法：

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    globalVariable: 'initial value'
  },
  mutations: {
    setGlobalVariable(state, value) {
      state.globalVariable = value
    }
  },
  actions: {
    updateGlobalVariable({ commit }, value) {
      commit('setGlobalVariable', value)
    }
  }
})

export default store

然后在需要使用全局变量的组件中，使用 `mapState` 将全局变量映射到组件的计算属性中，并使用 `mapActions` 将更新全局变量的方法映射到组件的方法中：

// SomeComponent.vue

import { mapState, mapActions } from 'vuex'

export default {
  computed: {
    ...mapState(['globalVariable'])
  },
  methods: {
    ...mapActions(['updateGlobalVariable']),
    updateValue(newValue) {
      this.updateGlobalVariable(newValue)
    }
  }
}

这样，就可以在组件中使用全局变量并更新它了。