1. 程式人生 > >使用mpvue開發小程式如何定義全域性變數

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

下一篇,我將介紹如何在小程式中使用flyio全域性請求攔截和響應攔截

這是我自己做的小程式,一起交流學習