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

相关推荐
Angindem1 小时前
从零搭建uniapp项目
前端·vue.js·uni-app
Uyker2 小时前
微信小程序动态效果实战指南:从悬浮云朵到丝滑列表加载
前端·微信小程序·小程序
happyCoder6 小时前
uniapp 微信小程序实现定时消息订阅提醒(前后端)
微信小程序
Bug从此不上门6 小时前
【无标题】
前端·javascript·uni-app·vue
耶啵奶膘9 小时前
uniapp+vue2解构赋值和直接赋值的优缺点
uni-app
疯狂的沙粒10 小时前
uni-app 项目支持 vue 3.0 详解及版本升级方案?
前端·vue.js·uni-app
Jiaberrr10 小时前
uniapp Vue2 获取电量的独家方法:绕过官方插件限制
前端·javascript·uni-app·plus·电量
^Rocky11 小时前
uniapp 对接腾讯云IM群公告功能
uni-app·腾讯云
段旭涛11 小时前
uniapp 设置手机不息屏
前端·uni-app
疯狂的沙粒14 小时前
在web-view 加载的本地及远程HTML中调用uniapp的API及网页和vue页面是如何通讯的?
前端·uni-app·html