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

相关推荐

  1. 程序 input 输入特殊字符方法

    2024-03-22 11:36:09       30 阅读
  2. 程序canvas画布清晰解决方法

    2024-03-22 11:36:09       43 阅读
  3. 程序监听App中globalData——全局数据监听

    2024-03-22 11:36:09       31 阅读
  4. vue3 setup语法

    2024-03-22 11:36:09       60 阅读
  5. vuesetup语法

    2024-03-22 11:36:09       39 阅读
  6. 【Vue技巧】vue3支持.sync语法解决方案

    2024-03-22 11:36:09       69 阅读
  7. vue3支持.sync语法解决方案

    2024-03-22 11:36:09       47 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-22 11:36:09       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-22 11:36:09       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-22 11:36:09       82 阅读
  4. Python语言-面向对象

    2024-03-22 11:36:09       91 阅读

热门阅读

  1. Pytorch 中的forward 函数内部原理

    2024-03-22 11:36:09       40 阅读
  2. 全志R128 SDK HAL 模块开发指南——CCU

    2024-03-22 11:36:09       39 阅读
  3. Python爬虫基础知识

    2024-03-22 11:36:09       44 阅读
  4. idea快捷鍵

    2024-03-22 11:36:09       38 阅读
  5. vue3中ref详解

    2024-03-22 11:36:09       36 阅读
  6. pyqt5与selenium混合使用心得

    2024-03-22 11:36:09       37 阅读
  7. 【HTML面试题】src和href的区别

    2024-03-22 11:36:09       47 阅读
  8. Jenkins Pipeline 流水线

    2024-03-22 11:36:09       43 阅读
  9. .net Core 微服务接口增加过滤器实现预处理

    2024-03-22 11:36:09       42 阅读
  10. ARM作业

    ARM作业

    2024-03-22 11:36:09      45 阅读
  11. 常用GPT网站综述:探索人工智能的前沿技术平台

    2024-03-22 11:36:09       43 阅读