小程序的路由可以理解為：根據(jù)路由規(guī)則（路徑）從一個頁面跳轉(zhuǎn)到另一個頁面的規(guī)則嫂便。
一近迁、微信小程序中頁面跳轉(zhuǎn)的方法：
（1）wx.navigateTo(OBJECT)
保留當(dāng)前頁面骏令，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面旅急，使用wx.navigateBack可以返回到原頁面杠步。
示例代碼：
wx.navigateTo({
url:'test?id=1'//實(shí)際路徑要寫全
})
//test.js
Page({
onload:function(option){
console.log(option.query)
}
})
（2）wx.redirectTo(OBJECT)
關(guān)閉當(dāng)前頁面，跳轉(zhuǎn)到應(yīng)用的某個頁面酷宵。
示例代碼：
wx.redirectTo({
url:'test?id=1'
})
（3）wx.switchTab(OBJECT)
跳轉(zhuǎn)到tabBar頁面，并關(guān)閉其他所有非tabBar頁面
示例代碼：
{
'tabBar': {
'list': [{
'pagePath':'index',
'test':'首頁'
},{
'pagePath':'other',
'test':'其他'
}]
}
}
wx.switchTab({
url:'/index'
})
（4）wx.navigateBack(OBJECT)
關(guān)閉當(dāng)前頁面躬窜，返回上一頁面或多級頁面浇垦。可通過getCurrentPages()獲取當(dāng)前的頁面棧荣挨，決定需要返回幾層男韧。
示例代碼：
//注意：調(diào)用navigateTo跳轉(zhuǎn)時，調(diào)用該方法的頁面會被加入堆棧默垄，而redirectTo方法則不會此虑。
//此處是A頁面
wx.navigateTo({
url:'B?id=1'
})
//此處是B頁面
wx.navigateTo({
url:'C?id=1'
})
//在C頁面內(nèi)navigateBack,將返回A頁面
wx.navigateBack({
delta:2
})
（5）使用<navigator/>標(biāo)簽實(shí)現(xiàn)頁面跳轉(zhuǎn)
可以用open-type屬性指定頁面跳轉(zhuǎn)方式，可選值‘navigate’口锭、'redirect'朦前、'switchTab',對應(yīng)于wx.navigateTo、wx.redirectTo、wx.switchTab功能
示例代碼：
<navigator url="navigate?title=navigate" hover-class="navigator-hover">跳轉(zhuǎn)到新頁面</navigator>
<navigator url="navigate?title=redirect" open-type="redirect" hover-class="other-navigator-hover">在當(dāng)前頁打開</navigator>
<navigator url="index" open-type="switchTab" hover-class="navigator-hover">切換</navigator>
二韭寸、如何正確使用頁面跳轉(zhuǎn)
官方規(guī)定小程序最多只能有五個頁面同時存在春哨，意思是在不關(guān)閉頁面的情況下，最多新開五個頁面棒仍，頁面深度為5悲靴。
- 對于可逆操作，使用wx.navigateTo,比如從首頁跳轉(zhuǎn)到二級頁面莫其，從二級頁面返回是不需要重新渲染頁面
- 對于不可逆操作癞尚，使用wx.redirectTo,比如用戶登錄成功后，關(guān)閉登錄頁面乱陡，不能返回到登錄界面浇揩。
- 對于一些介紹性等不常用頁面，使用wx.redirectTo或wx.navigateBack
- 對于類似九宮格憨颠、列表項(xiàng)胳徽，使用
<navigator />跳轉(zhuǎn) - 不要在首頁使用wx.redirectTo，這樣會導(dǎo)致應(yīng)用無法返回首頁
- 簡化需求爽彤、簡化流程养盗；核心功能在兩三個頁面完成便是張小龍追求【小而美】的體現(xiàn)
三、頁面棧
頁面棧以棧（先進(jìn)后出）的形式維護(hù)頁面與頁面之間的關(guān)系适篙；
小程序提供了getCurrentPages()函數(shù)獲取頁面棧往核，第一個元素為首頁，最后一個元素為當(dāng)前頁面嚷节。
1聂儒、使用wx.navigateTo每新開一個頁面，頁面棧大小加1,直到頁面棧大小為5為止硫痰；
2衩婚、使用wx.navigateTo重復(fù)打開頁面
上圖中，假如使用wx.navigateTo從四級頁面跳轉(zhuǎn)到二級頁面效斑，此時會在頁面棧頂添加一個與二級頁面初始狀態(tài)一樣的界面非春，但兩個頁面狀態(tài)是獨(dú)立的。頁面棧大小會加1缓屠，如果頁面棧大小為5税娜，則wx.navigateTo無效
使用wx.redirectTo重定向
3、使用wx.redirectTo重定向
上圖中藏研，假如使用wx.redirectTo從四級頁面重定向到二級頁面敬矩，此時會將關(guān)閉四級頁面，并使用二級頁面替換四級頁面蠢挡，但兩個頁面狀態(tài)是獨(dú)立的弧岳。此時的頁面棧大小不變凳忙，請注意和使用wx.navigateTo的區(qū)別。
使用wx.navigateBack返回
4禽炬、使用wx.navigateBack返回
上圖中涧卵，假如當(dāng)前頁面為五級頁面，使用wx.navigateBack：
當(dāng)delta為1腹尖，關(guān)閉五級頁面柳恐，當(dāng)前頁面為四級頁面，頁面棧大小減1热幔；
當(dāng)delta為2乐设，關(guān)閉依次五級頁面和四級頁面，當(dāng)前頁面為三級頁面绎巨，頁面棧大小減2近尚；
以此類推，直到棧底為止场勤，也就是首頁戈锻。
總結(jié)
- wx.navigateTo會增加頁面棧大小，直到頁面棧大小為5
- wx.redirectTo不會增加頁面棧大小
- wx.navigateBack會減少頁面棧大小和媳，直到頁面棧大小為1
內(nèi)容參考自：小程序基礎(chǔ)之頁面路由
