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-01-14 00:12:22

    webpack externals详解

    在众多的webpack配置教程中，对externals这个配置选项，总是一带而过，把文档中提到的几种方式都复述一遍，但是对于开发者而言，根本没法完全理解。本文试图通过一整篇文章，详细的对externals这个参数进行讲解。

  • 2020-01-14 01:06:37

    webpack externals 深入理解

    按照官方文档的解释，如果我们想引用一个库，但是又不想让webpack打包，并且又不影响我们在程序中以CMD、AMD或者window/global全局等方式进行使用，那就可以通过配置externals。这个功能主要是用在创建一个库的时候用的，但是也可以在我们项目开发中充分使用。

  • 2020-01-14 01:08:19

    webpack用externals优化echarts

    防止将某些 import 的包(package)打包到 bundle 中，而是在运行时(runtime)再去从外部获取这些扩展依赖(external dependencies)。

  • 2020-01-16 08:52:22

    Vue函数式调用组件创建公共组件

    所有组件都需要这么去调用，就会有些许麻烦而且不太美观。像Loading、Toast等这些组件，一页面可以经常用到而且每次显示的内容都可能不一样，这样的话用js的方式【this.$xxx.show(option)】去调用就方便很多，而且代码也更整洁。

  • 2020-01-17 08:37:26

    css transition分别指定多个属性

    transition有四个属性，很多人都会遗忘，分别是transition-property，transition-duration，transition-timing-function，transition-delay，尤其是transition-delay，这个可以实现延迟动画