使用mpvue开发小程序如何定义全局变量

咱们建立好mpvue项目以后，找到src/main.js打开在后面添加一行代码

（注意：不能在const app = new Vue(App) 以前添加）

Vue.prototype.globalData = getApp().globalData

这行代码的意思就是，将小程序的全局变量，挂载在Vue的原型上，这样咱们在不一样的页面就均可以获取到全局数据了

不一样页面使用 this.globalData获取或者添加修改既可

比方说我须要存储用户一些基本信息能够这样

this.globalData.userInfo = {name:aaa}

不一样页面获取方式同样

console.log(this.globalData.userInfo.name)

修改

this.globalData.userInfo.name = 'bbb'
 

踩坑注意：在小程序启动的时候，不一样页面中vue周期函数created中的代码都会执行一遍。因此vue中created周期函数中尽可能不要请求太多接口。而是放在小程序的周期函数onLoad中。

原文连接：https://blog.csdn.net/chjcode/article/details/82020346