uniapp 全局变量

// main.js
import Vue from 'vue'
import App from './App'

Vue.config.productionTip = false

// 定义全局变量
Vue.prototype.$globalVar = '这是一个全局变量'

App.mpType = 'app'

const app = new Vue({
  ...App
})
app.$mount()

export default {
  mounted() {
    console.log(this.$globalVar) // 输出: 这是一个全局变量
  }
}

// store/index.js
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    globalVar: '这是通过 Vuex 管理的全局变量'
  },
  getters: {
    globalVar: state => state.globalVar
  }
})

export default store

import store from './store'

const app = new Vue({
  ...App,
  store
})
app.$mount()

export default {
  computed: {
    globalVar() {
      return this.$store.getters.globalVar
    }
  },
  mounted() {
    console.log(this.globalVar) // 输出: 这是通过 Vuex 管理的全局变量
  }
}

// #ifdef H5
console.log('在 H5 平台');
// #endif

// #ifdef MP-WEIXIN
console.log('在微信小程序平台');
// #endif

export default {
  beforeDestroy() {
    this.$globalVar = null // 清理全局变量
  }
}