使用mpvue开发小程序如何定义全局变量
我们创建好mpvue项目之后,找到src/main.js打开在后面添加一行代码(注意:不能在const app = new Vue(App) 之前添加)Vue.prototype.globalData = getApp().globalData这行代码的意思就是,将小程序的全局变量,挂载在Vue的原型上,这样我们在不同的页面就都可以获取到全局数据了不同页面使用 this.glo...
·
我们创建好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全局请求拦截和响应拦截
这是我自己做的小程序,一起交流学习
更多推荐
已为社区贡献1条内容
所有评论(0)