小程序中有個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。