uni-simple-router 路由、拦截、最优雅的解决方案

vue3 + vite

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

uni-simple-router

一个更为简洁的Vue-router，专为 uni-app 量身打造

安装

NPM

 npm install uni-simple-router

如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能：

import Vue from 'vue'  
import Router from 'uni-simple-router'  

Vue.use(Router)

大纲

1. 编程式的导航

2. 命名式路由

3. 路由传参

4. 全局前置守卫

5. 全局后置钩子

6. 路由独享守卫

7. 路由元信息

8. 完整的导航解析流程

9. 注意事项

简介说明:

是否你也曾感叹过为啥官方就不搞一个类似 Vue-router 一样的路由管理器？苦苦寻找。搜遍百度？社区？以及 Google？甚至是官方的各大 QQ 群？难受没找到！直到此插件出来之前也没有一个更好的解决方法。于是它，没错，就是它，它诞生了。只要你会使用 Vue-router 即可马上上手，下面文档的完全不用看。它保留了 Vue-router 完全相似的书写风格，让你 倍感亲切 !

不要脸系列:

最后欢迎大家来PR，一个人的力量是有限的，大家一起来。如果有帮到你们能否在github上点个赞，文章点个赞。赞越多需求完成的越快哦 ，有啥问题在下方留言。不要那么吝啬嘛！

相关连接:

1. uni-simple-router 文档地址

2. uni-simple-router github地址

3. uni-simple-router 插件市场

4.uni-app-tools工具集合

5. uni-app官方路由文档

6.uni-simple-router之H5强化篇