当前位置:网站首页>uni-app 实现全局变量
uni-app 实现全局变量
2022-07-05 08:46:00 【杭杭爸爸】
4、globalData
小程序中能够在 App 上声明全局变量,但在 Vue 中没有,uni-app 中在 App.vue 能够定义在 globalData 属性上,也能够使用 API 读写这个值。
这个方式支持vue和nvue共享数据。是目前nvue和vue共享数据的一种比较好的方式。
1,定义:App.vue 定义方法或变量
<script> export default { globalData: { text: 'text' }, onLaunch: function() { console.log('App Launch') }, onShow: function() { console.log('App Show') }, onHide: function() { console.log('App Hide') } } </script> <style> /*每一个页面公共css */ </style>
2,页面中操做 globalData 的方式
赋值:
getApp().globalData.text = 'test'
取值:
console.log(getApp().globalData.text)
使用案例:
import app from "../../App.vue" ///这句比较重要 可以尝试 删除添加这句话
// 这里的vm,就是我们在vue文件里面的this,所以我们能在这里获取vuex的变量,比如存放在里面的token变量
const install = (Vue, vm) => {
// 此为自定义配置参数,具体参数见上方说明
Vue.prototype.$u.http.setConfig({
baseUrl: app.globalData.apiUrl,
loadingText: 'loading...',
loadingTime: 300,
originalData: false, // 是否在拦截器中返回服务端的原始数据
loadingMask: true, // 展示loading的时候,是否给一个透明的蒙层,防止触摸穿透
// ......
});
边栏推荐
- golang 基础 —— golang 向 mysql 插入的时间数据和本地时间不一致
- The location search property gets the login user name
- How apaas is applied in different organizational structures
- [牛客网刷题 Day4] JZ55 二叉树的深度
- Golang foundation - the time data inserted by golang into MySQL is inconsistent with the local time
- golang 基础 ——map、数组、切片 存放不同类型的数据
- C#【必备技能篇】ConfigurationManager 类的使用(文件App.config的使用)
- 微信H5公众号获取openid爬坑记
- RT-Thread内核快速入门,内核实现与应用开发学习随笔记
- 容易混淆的基本概念 成员变量 局部变量 全局变量
猜你喜欢
AUTOSAR从入门到精通100讲(103)-dbc文件的格式以及创建详解
Halcon blob analysis (ball.hdev)
图解八道经典指针笔试题
Programming implementation of ROS learning 2 publisher node
Guess riddles (10)
An enterprise information integration system
[牛客网刷题 Day4] JZ35 复杂链表的复制
319. 灯泡开关
C [essential skills] use of configurationmanager class (use of file app.config)
Halcon affine transformations to regions
随机推荐
Kubedm series-00-overview
[牛客网刷题 Day4] JZ55 二叉树的深度
C# LINQ源码分析之Count
My experience from technology to product manager
Latex improve
Program error record 1:valueerror: invalid literal for int() with base 10: '2.3‘
Mathematical modeling: factor analysis
Business modeling of software model | vision
Warning: retrying occurs during PIP installation
OpenFeign
使用arm Neon操作,提高内存拷贝速度
Ros- learn basic knowledge of 0 ROS - nodes, running ROS nodes, topics, services, etc
golang 基础 ——map、数组、切片 存放不同类型的数据
Ros-10 roslaunch summary
[formation quotidienne - Tencent Selection 50] 557. Inverser le mot III dans la chaîne
kubeadm系列-02-kubelet的配置和启动
Yolov4 target detection backbone
Reasons for the insecurity of C language standard function scanf
特征工程
Guess riddles (6)