很多人在开发小程序包括web的时候，一说到页面传参第一印象就是main.js或app.js，对的，全局变量，如果轻量化的应用用这种方式当然没有问题。但是当你要做一个中大型应用时全局变量的使用就等于慢性死亡。
所以下面介绍一个微信小程序的库：killglobal，使用简单上手快，功能强大效率高！
安装：
npm i killglobal --save
使用：
pages/index/index.js
import { getWechat } from "killglobal";
const BasePage = getWechat().page;
const Router = getWechat().router;
Page(BasePage({
data: { },
onLoad(){ },
onShow(){ },
onTapPage1(){ // 跳转到page1
Router.navigateTo('/pages/page1/index', { onload: 'onload' })
.withKGData({ kgdata: 'kgdata' })
.onPage( page => { page.showAlert(); // 执行结果： I'm Page1! });
},
}))
pages/page1/index.js
import { getWechat } from "killglobal";
const BasePage = getWechat().page;
const Router = getWechat().router;
Page(BasePage({
onKGData(data){
console.log(params); // 执行结果: { kgdata: 'kgdata' }
},
onLoad(params){
console.log(params); // 执行结果: { onload: 'onload' }
}
showAlert(){
console.log("I'm Page1!");
},
}))
同样在reLaunch、redirectTo甚至是navigateBack的时候也能优雅传参。
Router.navigateTo(path, options);
参数：
path: 跳转的路径
options: 路径后面的参数，拼接到路径后面（/pages/page1/index?a=1&b=2）
.withKGData(obj) 和 onKGData(data)
配合navigateTo、redirectTo、reLaunch、navigateBack函数使用
注意，withKGData的数据和onKGData接收的数据是两个不同的数据，onKGData接收的数据被深拷贝过，防止污染。
onPage(page=>{})
配合navigateTo、redirectTo、reLaunch、navigateBack函数使用
在回调中获取跳转目标page的实例
更多参考：killglobal官方文档
