使用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