router-v3-example

要运行示例功能非常简单，但在此之前，您必须已经获得授权并下载了 uni-simple-router v3 版本。如果您尚未获得授权或未下载，请点击此处获取授权和下载。

如果你正在使用 vue3 + vite 请参考 uni-simple-router v3 路由、拦截、最优雅的解决方案重磅来袭，或者查看 官方文档

注意：如果图片无法查看，可以在这里访问国内地址

安装 uni-simple-router

请将已经下载下来后的插件包解压，并放入项目根目录下的 uni-simple-router 文件夹中。如果没有 uni-simple-router 文件夹，你必须自己新建一个 uni-simple-router 文件夹，并将插件包放入里面，即可完成安装。

更换 vitePluginUniRouter 路径

import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";
import {resolve} from 'path'
// 线上包
import vitePluginUniRouter from  `./uni-simple-router/compiler`

/**
 * @type {import('vite').UserConfig}
 */
export default defineConfig({
    plugins: [
		vitePluginUniRouter({
            // ....
		}),
        uni()
	]
});

确保本地包路径已经被删除，删除如下路径即可↓↓↓↓↓

//本地包
import vitePluginUniRouter from  `E:/My-git/uni-simple-router-v3/packages/vite-plugin-router/dist/vite-plugin-router.js`

目录结构

C:\Users\Administrator\Desktop\v3-example
├─colorui
├─components
├─examples
├─node_modules
├─pagesA
├─pages-A-child
├─pagesB
├─pages-B-child
├─pagesMain
├─router
├─static
├─tabbar
├─uni-simple-router
|         ├─appletRouterView.vue
|         ├─compiler.d.ts
|         ├─compiler.js
|         ├─compiler.js.LICENSE.txt
|         ├─index.d.ts
|         ├─index.mjs
|         ├─index.mjs.LICENSE.txt
|         ├─version.json
├─utils
├─vk-uview-ui_1.4.5
├─App.vue
├─index.html
├─main.js
├─manifest.json
├─newMain.js
├─package.json
├─pages.json
├─pnpm-lock.yaml
├─uni.scss
├─vite.config.js

安装依赖 {#install-dependencies}

在项目根目录下执行，安装示例项目所需依赖。

npm install

H5 父级窗体转场动画

H5 父级窗体随机转场动画

H5 子路由转场动画

App 拦截所有返回

App 使用无限嵌套路由

App 使用子路由

小程序 首屏拦截

小程序 使用动态嵌套路由

小程序 使用权限路由

小程序 使用子路由

重定向及404

上帝函数组件通讯

全局路由守卫

无限嵌套权限路由