uni-app 系列之（五）—— 路由

＊且听风吟

已于 2023-03-22 09:33:22 修改

阅读量1k

点赞数

分类专栏： # uni-app 文章标签： uni-app 前端 vue.js

于 2023-03-20 19:59:27 首次发布

本文链接：https://blog.csdn.net/HH18700418030/article/details/125221296

版权

uni-app的页面路由由框架统一管理，需在pages.json配置。路由包括navigator导航器组件和API重定向，如navigateTo、redirectTo、navigateBack等，管理页面栈。新建页面可自动配置路径，删除页面需同时移除.vue文件和json配置。

摘要由CSDN通过智能技术生成

简介

uni-app 页面路由为框架统一管理，需要在 pages.json 里配置每个路由页面的路径和页面样式。（类似的小程序在 app.json 中配置页面路由相同）uni-app 的路由用法与 Vue Router 不同。

uni-app 有两种页面路由重定向方式：

框架以栈的形式管理当前所有页面，当发生路由切换的时候，页面栈的表现如下表：

路由方式	页面栈表现	触发时机
初始化	新页面入栈	uni-app 打开的第一个页面
打开新页面	新页面入栈	调用API uni.navigateTo ，使用组件 <navigator open-type =“ navigate” />
页面重定向	当前页面出栈，新页面入栈	调用API uni.redirectTo ，使用组件 <navigator open-type =“ redirectTo” />
页面返回	页面不断出栈，直到目标返回页	调用API uni.navigateBack ，使用组件 <navigator open-