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

相关推荐
CRMEB系统商城7 小时前
CRMEB多商户系统(Java)v2.3公测版发布
java·开发语言·人工智能·小程序·开源·php
于先生吖11 小时前
前后端分离二手商城开发,质检登记、回收回款整套业务源码部署教程
java·开发语言·uni-app
嫂子的姐夫16 小时前
050-wx小程序合肥住房
爬虫·python·小程序·逆向
Geek_Vison18 小时前
政务一网通APP如何引入AI能力,通过一个AI助手就能够调用所有的功能,实现对话即办事
人工智能·ai·小程序·uni-app·小程序容器
黄华SJ520it19 小时前
跨境分销小程序:全球市场新机遇
小程序·系统开发
爱分享的小诺19 小时前
微信小程序2.0人脸审核,1.0升级到2.0
微信小程序·小程序
打瞌睡的朱尤19 小时前
微信小程序(黑马)4-5
微信小程序·小程序
海兰1 天前
【小程序】基于 AI 大语言模型驱动的中国古典诗词 Web 应用详细设计指南
人工智能·语言模型·小程序
凌奕1 天前
微信小程序接入微信 AI:让用户"说一句话"就能下单
微信·微信小程序·agent
倒流时光三十年2 天前
第十八章 搜索历史保存功能实现记录
spring boot·微信小程序