微信小程序开发学习 第七天 在不同界面传递数据的两种方式

参考：开发 | 如何在微信小程序的页面间传递数据？

全局变量的方式：

在app.js中设置全局变量

//app.js
App({
  globalData: {
    test : 99,   //全局变量的初值设为99
  }
})

在其他页面的js文件中赋值、使用全局变量

//index.js
//获取应用实例
const app = getApp()
app.globalData.test=22   //设置全局变量的值
let test=app.globalData.test  // 声明test变量并初始化

实现：

{
        price: test,    //赋值price的值为test
        name: '人人都会小程序1',
        coverPath: '../../img/cover.png'
      },

效果：全局变量的值99改为22

注意：由于 app.js在项目中是用来做基础配置的，因此不建议将很多变量放在这里配置。一般情况下会将一些持久化的常量配置在这里，对于经常需要变动的量不建议用这个方法。

使用本地缓存：

在设置数据的 A.js文件：

	//初始化数据：
	let userInformation = {
		sex:this.data.sex,
		height:this.data.height,
    	age:this.data.age,
	    exerciseAbility:this.data.exerciseAbility,
    	currentWeight:this.data.currentWeight,
    	targetWeight:this.data.targetWeight,
    }
    //数据存入本地缓存
    wx.setStorageSync('userInformation', userInformation)

在使用数据的B.js文件：

在onLoad()中使用比较好

	/**
   * 生命周期函数--监听页面加载  --即页面加载调用的函数
   */
   onLoad: function (options) {
    let userInformation = wx.getStorageSync('userInformation')
    this.setData({
      information : userInformation,
    })

注意：两个页面得有相同的data部分：

data:{
	 information:{
      sex: null,
      height:null,
      age:null,
      exerciseAbility:null,
      currentWeight:null,
      targetWeight:null,
      },
}