uniapp如何定义全局变量?

简介: uniapp如何定义全局变量?

在UniApp中定义一个全局变量,可以使用Vue.js的全局属性 $store 或 $uni。以下是两种不同情况下定义全局变量的方法:

       1.使用Vue.js的全局属性 $store

UniApp中可以使用Vuex进行状态管理。通过将需要全局共享的数据存放在Vuex的状态中,就可以在任何一个组件中使用$store进行访问。比如:

在main.js中创建一个Vuex的store:

import Vue from 'vue'
import App from './App'
import store from './store'
Vue.prototype.$store = store
const app = new Vue({
  ...App
})
app.$mount()
        在store.js中定义全局变量:
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
  state: {
    globalVar: '我是全局变量'
  }
})

export default store

       在其他组件中使用$store访问该全局变量:

console.log(this.$store.state.globalVar)

       2.使用Vue.js的全局属性 $uni

       除了使用Vuex来定义全局变量,UniApp还提供了一个全局对象$uni来保存全局变量:

       在main.js中定义全局变量:

import Vue from 'vue'
import App from './App'
Vue.prototype.$uni = {
  globalVar: '我是全局变量'
}
const app = new Vue({
  ...App
})
app.$mount()

       在其他组件中使用$uni访问该全局变量:

console.log(this.$uni.globalVar)

       需要注意的是,$uni是一个普通的JavaScript对象,使用它定义的全局变量不具备响应式。如果需要在组件中监听该全局变量的变化,建议使用Vuex。

 

相关文章
|
2月前
|
自然语言处理 JavaScript 前端开发
作用域的概念及作用?作用域的分类?.js 属于哪种作用域?
作用域的概念及作用?作用域的分类?.js 属于哪种作用域?
45 0
|
9天前
|
自然语言处理 JavaScript 前端开发
JavaScript闭包是函数访问外部作用域变量的能力体现,它用于封装私有变量、持久化状态、避免全局污染和处理异步操作。
【6月更文挑战第25天】JavaScript闭包是函数访问外部作用域变量的能力体现,它用于封装私有变量、持久化状态、避免全局污染和处理异步操作。闭包基于作用域链和垃圾回收机制,允许函数记住其定义时的环境。例如,`createCounter`函数返回的内部函数能访问并更新`count`,每次调用`counter()`计数器递增,展示了闭包维持状态的特性。
25 5
|
2月前
|
Java API 数据库
后台组件-常量定义
平台里有很多可配置的参数
|
2月前
|
存储 JavaScript
vue项目中定义全局变量、函数的几种方法
vue项目中定义全局变量、函数的几种方法
39 1
|
2月前
|
存储 JavaScript
在uniapp中如何存储全局变量
在uniapp中如何存储全局变量
95 0
|
12月前
Echarts公用代码的变量统一封装调用
Echarts公用代码的变量统一封装调用
45 0
|
JavaScript
vue项目定义全局常量并进行使用
vue项目定义全局常量并进行使用
211 0
|
小程序
【小程序】声明式和编程式导航传参
【小程序】声明式和编程式导航传参
87 0
【小程序】声明式和编程式导航传参
|
自然语言处理 Dart 算法
[Flutter]足够入门的Dart语言系列之函数:匿名函数、作用域闭包、类型别名和内联函数类型
函数在Dart中是对象,因此,可以将函数作为参数传递给另一个函数、作为一个'值'赋值给一个变量。下面主要介绍匿名函数、内联函数类型的使用,以及了解下作用域和闭包...
655 0
[Flutter]足够入门的Dart语言系列之函数:匿名函数、作用域闭包、类型别名和内联函数类型
|
小程序
为小程序自定义全局方法和全局变量
原生小程序项目开发中,有这个情景,需要将某个方法或者变量,定义到全局变量,来方便全局使用
371 0

热门文章

最新文章