使用mpvue開發小程式如何定義全域性變數
阿新 • • 發佈:2019-01-25
我們建立好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全域性請求攔截和響應攔截
這是我自己做的小程式,一起交流學習