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