vue项目经常需要用到vue-router插件。刚入门Uni-app+Vue3项目的同学，你觉得路由用vue-routerV4版本就够了吗？不要害怕大家的笑话，我是这么认为的。毕竟我是第一次使用Uni-app。由于孕期记性不好，所以决定写笔记加深记忆。uni-app页面路由由框架统一管理。我们需要在page.json文件中配置各个页面的路由和页面样式，有点类似于小程序中的app.json文件，所以uni-app的路由使用和写法和vue-router类似不同的。项目初始化完成，对应的page.json文件为：{"pages":[//pages数组第一项表示应用启动页面，参考：https://uniapp.dcloud.io/collocation/页面{“路径”：“页面/索引/索引”，“样式”：{“navigationBarTitleText”：“uni-app”}}]，“globalStyle”：{“navigationBarTextStyle”：“黑色”，“navigationBarTitleText”：“uni-app","navigationBarBackgroundColor":"#F8F8F8","backgroundColor":"#F8F8F8"}}pages属性uni-app通过pages节点配置应用有哪些页面，接收一个数组，每个元素是一个对象，属性包括：属性类型默认值描述pathString配置页面路径styleObject配置界面状态栏、导航栏、标题、窗口背景色pages节点的第一项为应用入口页面（即首页）。在应用程序中添加/删除页面需要修改页面数组。文件名不需要加后缀，框架会自动寻找路径下的页面资源。页面跳转uni-app页面路由跳转有两种方式：使用navigator组件跳转，调用API跳转。1、navigator组件的跳转与a标签类似，但只能跳转到本地页面，目标页面必须在page.json中注册。query导航器属性包括：属性名称类型默认值表示平台差异。urlString是应用程序中的跳转链接。取值为相对路径或绝对路径，如：“../first/first”、“/pages/first/first”，注意.vue后缀open-不能加typeStringnavigate跳转方式deltaNumber时有效open-type为'navigateBack'，表示回滚的层数animation-typeStringpop-in/out在open-type为navigate和navigateBack时有效，窗口的显示/关闭动画效果，详见：窗口动画Appanimation-durationNumber300在open-type为navigate和navigateBack时有效，窗口显示/关闭动画的时长。Apphover-classStringnavigator-hover指定点击时的样式类。当hover-class="none"时，没有点击状态效果。hover-stop-propagationBooleanfalse指定是否阻止本节点的祖先节点出现点击状态微信小程序hover-start-timeNumber50按住后多长时间出现点击状态，单位毫秒hover-stay-timeNumber600的保留时间手指松开后的点击状态，单位毫秒7+、百度2.5.2+、QQopen-type平台差异说明平台差异说明navigate对应uni.navigateTo函数redirect对应uni.redirectTo函数switchTab对应uni.switchTab函数reLaunch对应uni.reLaunch功能字节跳动小程序和飞书小程序不支持uni.navigateBack对应的navigateBack功能。exit退出小程序target="miniProgram"微信2.1.0+、百度2.5.2+、QQ1.4.7+2、uni-appAPI跳转uni.navigateTo({url:"/pages/animation-major/index",})API页面跳转方法有：uni.navigateTo：保持当前页面，跳转到应用中的某个页面，使用navigateBack返回上一页。uni.navigateBack：关闭当前页面并返回上一级或多级页面。delta属性设置返回级别，大于页数时返回首页。uni.redirectTo：关闭当前页面，跳转到应用中的某个页面。uni.reLaunch：关闭应用中的所有页面，并在应用中打开一个页面。uni.switchTab：跳转到tabBar页面，关闭其他非tabBar页面。uni.preloaPage：预加载页面是一种性能优化技术。预加载的页面打开速度更快。页面栈框架以栈的形式管理当前所有页面。当发生路由切换时，页面堆栈的行为如下：路由模式页面堆栈显示触发时间并将新页面初始化到堆栈中。uni-app打开的第一个页面打开一个新页面。页面入栈时调用接口uni.navigateTo，并使用组件将当前页面重定向出栈，新页面入栈时调用接口uni.redirectTo压入栈，使用组件页面返回，页面不断弹出，直到目标返回页面调用APIuni.navigateBack，使用组件，用户按下左上角返回键，Android用户点击物理返回键Tab切换页面全部出栈，只留下新Tab页面调用APIuni.switchTab，使用组件，用户切换Tab重新加载页面全部出栈，只留下新页面调用APIuni.reLaunch，使用组件页面传参方式一：onLoad接收//跳转到uni.navigateTo({url:"/pages/sendManagement/index?id=123",})方法二：设置语法糖接收onLoad函数是监听页面加载，接收的参数是页面传递过来的数据，是一个对象类型.看到这里，相信很快就可以上手uni-app+vue3项目路由了，也可以参考官网教程：https://uniapp.dcloud.io/tutorial/page.html#%E8%B7%AF%E7%94%B1。
