当前位置:首页 > uni-app

uniapp加$

2026-03-26 16:03:03uni-app

uniapp 中使用 $ 符号

在 uniapp 中,$ 符号通常用于访问全局变量、方法或 uni-app 提供的 API。以下是几种常见的使用场景:

访问全局变量或方法

在 main.js 中定义的全局变量或方法可以通过 $ 符号在组件中访问:

// main.js
Vue.prototype.$globalVar = '全局变量'

// 组件中使用
this.$globalVar

uni-app 内置 API

uniapp加$

uni-app 提供了一些内置的 API,可以通过 $ 符号访问:

this.$uni.navigateTo({ url: '/pages/home/home' })

Vuex 状态管理

如果项目中使用 Vuex,可以通过 $store 访问:

uniapp加$

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

标签: uniapp
分享给朋友:

相关文章

uniapp开发

uniapp开发

uniapp开发简介 uniapp是一款基于Vue.js的跨平台开发框架,支持一次开发,多端部署。开发者可以通过编写一套代码,发布到iOS、Android、Web以及各种小程序平台(如微信、支付宝、百…

uniapp极光推送

uniapp极光推送

uniapp极光推送集成步骤 准备工作 注册极光推送开发者账号,创建应用获取AppKey。确保uniapp项目已配置好原生插件支持。 安装插件 在uniapp项目manifest.json文件中,选…

uniapp实名认证

uniapp实名认证

uniapp实名认证实现方法 使用uniCloud实名认证插件 uniapp官方提供了uniCloud的实名认证插件,可快速集成到项目中。插件支持身份证识别、活体检测等功能,需在uniCloud控制台…

uniapp发布到应用商店

uniapp发布到应用商店

发布到苹果App Store 确保开发者账号已注册并加入Apple Developer Program,年费99美元。在Xcode中生成iOS发布证书(.p12)和描述文件(Provisioning…

uniapp旋转横屏

uniapp旋转横屏

实现横屏模式的方法 在UniApp中实现横屏模式,可以通过配置页面方向或使用CSS旋转实现。以下是两种常见方法: 修改manifest.json配置 在项目的manifest.json文件中,找到"…

uniapp面试问啥

uniapp面试问啥

技术基础类问题 UniApp框架特性 跨端实现原理及条件编译的使用场景 如何理解"一次开发,多端运行"的优缺点 rpx与vw/vh单位的适配差异 Vue相关 生命周期在UniA…