cocoaguo
小程序中有个globalData概念,可以在 App 上声明全局变量。 Vue 之前是没有这类概念的,但 uni-app 引入了globalData概念,并且在包括H5、App等平台都实现了。
在 App.vue 可以定义 globalData ,也可以使用 API 读写这个值。

globalData支持vue和nvue共享数据。

globalData是一种比较简单的全局变量使用方式。

定义: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>  
js中操作globalData的方式如下:

赋值:getApp().globalData.text = \'test\'

取值:console.log(getApp().globalData.text) // \'test\'

如果需要把globalData的数据绑定到页面上,可在页面的onshow声明周期里进行变量重赋值。HBuilderX 2.0.3起,nvue页面在uni-app编译模式下,也支持onshow。

  

分类:

技术点:

相关文章:

  • 2021-10-20
  • 2021-12-03
  • 2021-10-20
  • 2021-09-01
  • 2021-12-11
  • 2021-07-12
  • 2021-09-29
  • 2021-10-08
猜你喜欢
  • 2021-09-12
  • 2021-12-03
  • 2022-12-23
  • 2022-12-23
  • 2021-11-23
  • 2021-12-03
  • 2021-12-03
相关资源
相似解决方案