uniapp加$
uniapp 中使用 $ 符号
在 uniapp 中,$ 符号通常用于访问全局变量、方法或 uni-app 提供的 API。以下是几种常见的使用场景:
访问全局变量或方法
在 main.js 中定义的全局变量或方法可以通过 $ 符号在组件中访问:
// main.js
Vue.prototype.$globalVar = '全局变量'
// 组件中使用
this.$globalVar
uni-app 内置 API

uni-app 提供了一些内置的 API,可以通过 $ 符号访问:
this.$uni.navigateTo({ url: '/pages/home/home' })
Vuex 状态管理
如果项目中使用 Vuex,可以通过 $store 访问:

this.$store.state.count
this.$store.commit('increment')
第三方插件
一些第三方插件也会通过 $ 符号提供方法或属性:
this.$http.get('/api/data')
自定义 $ 方法
可以在 main.js 中自定义 $ 方法供全局使用:
// main.js
Vue.prototype.$showToast = function(message) {
uni.showToast({
title: message,
icon: 'none'
})
}
// 组件中使用
this.$showToast('提示信息')
注意事项
- 避免过度使用全局 $ 方法,可能导致代码难以维护
- 自定义 $ 方法时注意命名冲突
- 在非 Vue 组件环境中(如纯 js 文件),无法直接使用 this.$xxx






