uniapp+vue3+setup语法糖开发微信小程序时不能定义globalData的解决方法

在使用 uniapp 开发小程序的时候, 发现使用了setup 语法糖 ,定义 globalData 时,要不是定义不了, 要不就是使用 getApp()取不到,后来想到一个不伦不类的方法解决了, 这个方法有点难看, 但是解决了问题

方法一

思想就是, setup语法糖和 vue2的语法混合使用,有点不规范,所以说它难看

本人测试,编辑也是通过了的,在子文件中可以使用 getApp().globalData.huang 来修改和获取属性

方法二 我感觉这种方法可以接受(纯Vue3来解决)

首先我们看一下 uniapp对 app.vue 的介绍

上图中的重点, App.vue是所有页面的父组件, template 无效,但是 数据和 css样式是可以有效的

既然App.vue是所有页面的父组件, 其它所有页面都是它的子组件, 那我们使用vue3 的

project 和 inject 就可以解决问题了,


其实 小程序的 globalData 说白了就是一个全局的变量, 就算没有想到上面的方法, 我们最终也可以去使用 vuex 或者是 pinia 来代替它

相关推荐
郑州光合科技余经理6 小时前
技术架构:上门服务APP海外版源码部署
java·大数据·开发语言·前端·架构·uni-app·php
HashTang10 小时前
【AI 编程实战】第 6 篇:告别复制粘贴 - 设计一个优雅的 HTTP 模块
前端·uni-app·ai编程
iOS阿玮10 小时前
苹果开发者账号申请的痛点,包含新限制说明!
uni-app·app·apple
万岳科技系统开发15 小时前
付费知识系统源码的整体架构设计与模块划分
java·数据库·小程序
2501_9159214315 小时前
iOS App 中 SSL Pinning 场景下代理抓包失效的原因
android·网络协议·ios·小程序·uni-app·iphone·ssl
一品威客爱开发15 小时前
情绪识别技术优化客服 App 体验:让服务更贴心高效!
小程序
雪芽蓝域zzs17 小时前
uniapp 获取app版本信息(兼容鸿蒙)
uni-app
一颗小青松17 小时前
uniapp app端使用uniCloud云函数和云对象
uni-app
Brduino脑机接口技术答疑18 小时前
SSVEP 脑电小程序说明
人工智能·机器学习·小程序·脑机接口
hello kitty w18 小时前
1.标签定义
小程序