Uniapp 全局共享数据(九)

全局共享数据

  • 通过 Vue 的原型共享数据

  • 通过 globalData 共享数据

  • vuex

  • 本地存储

全局

Vue.prototype.baseURL = 'http://www.baidu.com'

getApp().globalData.text = 'text'

全局使用

  • 在 main.js 中 写入
Vue.prototype.baseURl = 'www.baidu.com'
  • 在要使用的组件里面使用
this.baseUR

第二种仅仅适合小程序

  • 在 App.vue 里面
export default {
  onLaunch: function () {
    console.log('App Launch')
  },
  onShow: function () {
    console.log('App Show')
  },
  onHide: function () {
    console.log('App Hide')
  },
  globalData: {
    base: 'www.360.com',
  },
}
  • 再使用的时候
let data = getApp().globalData.base
console.log(data)

文章作者: 雾烟云
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 雾烟云 !
  目录