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