{"repo":"lblblong/tarojs-router-next","free":true,"listed":false,"github":"https://github.com/lblblong/tarojs-router-next","clone":"git clone https://github.com/lblblong/tarojs-router-next.git","description":"Taro 小程序路由库/自动生成带参数类型提示的路由方法/允许传递任意类型、任意大小的参数数据/同步的路由方法调用/koa体验一致的路由中间件","language":"TypeScript","stars":253,"topics":["router","taro","tarojs-router","react"],"license":"MIT","category":"ui-components","readme_excerpt":"tarojs-router-next 它是一个小巧的 Taro(小程序) 路由库，为你提供以下特性： - 自动生成带参数类型提示的路由方法 - 允许传递任意类型、任意大小的参数数据 - 同步的路由方法调用 - koa 体验一致的路由中间件 快速开始 使用文档，API 文档 Demo（代码），Demo（微信开发者工具打开） 安装核心依赖 安装路由方法自动生成插件 在 编译配置(/config/index.js) 的 plugins 字段中引入插件： 解决什么问题 1. 路由跳转的页面 url 没有类型提示容易输错 2. 路由传参需要手动拼接参数、无法携带任意类型、任意大小的数据 3. 路由方法是异步的，页面通过 EventChannel 通信，事件的回调方法可读性差、耦合度高、只能在回调内部处理异常 4. 路由跳转的鉴权等实现起来比较麻烦 如何解决 1. 路由跳转的页面 url 没有类型提示容易输错 tarojs-router-next 不需要使用者手写页面 url，它会监听项目 src/pages 内容变化，自动为使用者生成对应的路由方法并附加到 Router 类上，比如以下列子： 左边的页面结构会生成右边的 Router.to\\ \\ 系列方法，全都挂在 Router 类上 2. 路由传参需要手动拼接参数、无法携带任意类型、任意大小的数据 tarojs-router-next 允许直接传递一个对象给 params ，它会把 params 展开拼接到 url 后面。并且还可以接收一个 data 参数， data 可以传递任意类型、任意大小的数据。 3. 路由方法是异步的，页面通过 EventChannel 通信，事件的回调方法可读性差、耦合度高、只能在回调内部处理异常 tarojs-router-next 的路由跳转会返回一个 Promise ，可以用 async/await 写出同步代码，详细参考 同步的路由方法 4. 路由跳转的鉴权等实现起来比较麻烦 自己实现路由的鉴权是比较麻烦的事情，而 tarojs-router-next 提供非常易于理解的路由中间件功能，详细参考 路由中间件 平台与框架支持 框架 支持所有 Taro 可支持的框架（ React 、 Vue 、 Vue3 、 Nerv ） 小程序 理论上支持所有 Taro 可支持的小程序平台，目前已在 微信小程序 、 QQ小程序 、 支付宝小程序 测试通过 H5 支持 React Native 暂不支持 友情推荐 Taroify 地址：https://github.com/mallfoundry/taroify Taroify 是移动端组件库 Vant 的 Taro 版本，两者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用。","default_branch":null,"files":null,"tree":[],"storefront":"/r/lblblong","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/lblblong/tarojs-router-next/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}