第8课：页面路由导航
进度 0/30
🧭
页面路由导航
页面之间怎么互相串门
📖知识引入
🗂️页面就是文件夹
每个页面住一个文件夹，里面躺着四件套。新建页面=新建文件夹+四个文件，工具能一键生成。
📖app.json是点名册
新页面必须在app.json的pages数组里登记，第一项是首页。没登记的页面是「黑户」，跳不过去！
🚪navigateTo推门进
wx.navigateTo({url: '/pages/detail/detail'})推门进入新页面，左上角自动出现返回箭头。
🔁redirectTo换门
wx.redirectTo先关掉当前页再进新页，不能返回。适合「登录后进首页」这种不想回头的场景。
🏠tabBar底部导航
像微信底部的「聊天/通讯录/发现」，tabBar最多放5个标签页，用wx.switchTab切换，是主页面的家。
💡
新页面两步走：建文件夹四件套+app.json里登记！
🔍页面跳转地图
// pages/list/list.js 跳转到详情页
goDetail() {
wx.navigateTo({
url: '/pages/detail/detail?id=1'
});
}
// 返回上一页
wx.navigateBack();
// 关闭当前页并跳转（不可返回）
wx.redirectTo({ url: '/pages/index/index' });页面栈就像一摞书：
navigateTo：往书上再放一本 [首页] [首页][列表页] ← 压在上面 [首页][列表页][详情页]
navigateBack：拿走最上面一本 [首页][列表页]
redirectTo：换掉最上面那本
[首页][列表页]
→[首页][详情页]
tabBar页面是特例： 用wx.switchTab切换， 不在书堆里，单独管理！
小技巧：url里带?id=1 还能把数据捎过去！
🎯小测验
第1题：新页面无法访问，最可能忘记做什么？
第2题：想跳转后还能返回上一页，用哪个API？
第3题：底部导航栏最多能放几个标签？
📝本课知识点
- ✓页面=文件夹+四件套
- ✓app.json登记页面，第一项是首页
- ✓navigateTo可进可退
- ✓redirectTo关旧门开新门
- ✓tabBar最多5个底部标签
第8课完成！继续探索下一课吧 🚀