小程序本地存储、跳转页面传参

在小程序中，我们想存储数据可以通过本地存储以及页面跳转传参的方式传递数据 

1.本地存储

在XHTML下，通过点击事件跳转页面

<button bindtap="cun">数据缓存</button>

同文件夹下js文件

有两种本地存储方式、同步和异步

Page({
cun(){
    //同步
    // wx.setStorageSync('list', this.data.nameArr)
    //异步
    wx.setStorage({
      key:"username",
      data:"剑非出我心",
    })
  }
  })

同步和异步的区别在这里不多说了。取值直接把set换成get

尽量去用异步存储数据，避免后续操作的时候第一时间拿不到数据显示undefined

2.页面跳转（可传递、接受参数）

注意微信小程序页面跳转过程中 不能通过 switchTab传递参数

（switchTab跳转页面为tabbar页面，也就是底部菜单页面）

同样：navigateTo 和 wx.redirectTo 不能跳转到 tabbar 页面，只能用 switchTab 跳转到 tabbar 

<button bindtap="go">跳转页面</button>

本人这里为了方便讲解、并且个人推荐使用navigateTo

Page({
go(){
    wx.navigateTo({
      url: '../detail/detail?name=剑非出我心&age=18',
      //可传递参数
    })
  }
  })

在detail页面js文件夹下

 Page({
 onLoad: function (options) {
    console.log(options)    //{name:"剑非出我心",age:"18"}
  }
  })