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