uni-app 系列之(五)—— 路由

简介

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

路由跳转

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

  1. 使用 navigator 导航器组件扩展;
  2. 调用API重定向。

页面栈

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

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

你可能感兴趣的:(#,uni-app,uni-app,前端,vue.js)