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 来代替它

相关推荐
工业互联网专业32 分钟前
毕业设计选题:基于ssm+vue+uniapp的校园水电费管理小程序
vue.js·小程序·uni-app·毕业设计·ssm·源码·课程设计
说私域4 小时前
社群团购中的用户黏性价值:以开源小程序多商户AI智能名片商城源码为例
人工智能·小程序
以对_8 小时前
uview表单校验不生效问题
前端·uni-app
迷雾yx8 小时前
开发微信小程序 基础02
微信小程序·小程序
迷雾yx8 小时前
开发微信小程序 基础03
微信小程序·小程序
说私域9 小时前
地理定位营销与开源AI智能名片O2O商城小程序的融合与发展
人工智能·小程序
小雨cc5566ru19 小时前
uniapp+Android面向网络学习的时间管理工具软件 微信小程序
android·微信小程序·uni-app
二十雨辰1 天前
[uni-app]小兔鲜-04推荐+分类+详情
前端·javascript·uni-app
小雨cc5566ru1 天前
hbuilderx+uniapp+Android健身房管理系统 微信小程序z488g
android·微信小程序·uni-app
敲啊敲95271 天前
uni-app之旅-day02-分类页面
前端·javascript·uni-app