uni-app设置小程序的全局变量

2021-01-24 09:53:33

参考地址 uni-app ---小程序的全局变量

在使用uni-app开发的时候,有需要用到一些全局的变量,这些变量想要在其他的很多页面中使用

所以

app.vue

<script>	export default {		onLaunch: function() {			console.log('App Launch')							},		globalData:{			systemInfo: uni.getSystemInfoSync()		},		onShow: function() {			console.log('App Show')		},		onHide: function() {			console.log('App Hide')		}	}</script><style>	/*每个页面公共css */</style>

在需要用到的页面中

  1. <script>
  2. 	let app  = ''
  3. 	export default {
  4. 		data() {
  5. 			return {
  6. 				
  7. 			}
  8. 		},
  9. 		onLoad() {
  10. 			app = getApp()
  11. 			console.log(app.globalData.systemInfo)
  12. 		},
  13. 		methods: {
  14. 			
  15. 		}
  16. 	}
  17. </script>


  • 精彩推荐

  • 2020-03-23 15:16:30

    import，require具体用法

    import 和 require 是JS模块化编程使用的，是前端开发者们在性能探索中的又一大进步。

  • 2020-03-30 15:37:12

    PM2下使用 npm run 命令

    npm run xxxx 是 node常用的启动方式之一，本文介绍下如何用PM2来实现该方式的启动。 下面是项目的package.json文件部分代码：

  • 2020-04-01 10:15:11

    vue-cli3.0中vue.config.js的基本配置(去除esLint提示和解决build后静态文件路径报错)

    vue-cli是开发vue项目必不可少的脚手架工具，3.0版本之前的目录结构是由config目录的，关于webpack配置的文件都放在该目录里面，而3.0版本之后做了一个大更新，webpack相关的默认配置都帮你集成到webpack的npm 包里面去了，官方提供的一种修改配置的方式就是开发者自己在项目的根目录（与src同层级的目录）下建立一个vue.config.js的文件，然后去覆盖自定义的配置，达到你想要的效果，下面写一个基本的默认配置