背景
现在的 web 应用开发中，单页面应用越来越流行。而单页面应用通常在前端实现路由跳转。在这个背景下，前端路由成为了一个必不可少的技术。虽然现在已经有了很多前端路由框架，但是我们也可以使用 npm 包 simple-agnostic-router 来快速地实现一个前端路由。
安装
可以通过 npm 或 yarn 来安装 simple-agnostic-router 这个 npm 包。
npm install simple-agnostic-router
或
yarn add simple-agnostic-router
使用
使用 simple-agnostic-router 很简单，在你的项目中引入这个 npm 包：
import router from 'simple-agnostic-router';
在引入之后，你可以使用该路由实例的 addRoute 方法创建一个路由：
router.addRoute('/example', () => {
console.log('example route');
});这个 addRoute 方法有两个参数：一个字符串路径和一个回调函数。这个回调函数将在访问该路由时被执行。
同时，你可以使用 go 方法来导航到所添加的路由：
router.go('/example');当你调用 go 方法时，将会触发相应的回调函数。
那么如果你想要前进或后退呢？你可以使用 forward、back 方法：
router.forward(); router.back();
按照以上步骤，你就可以使用 simple-agnostic-router 了！
示例代码
import router from 'simple-agnostic-router';
router.addRoute('/', () => console.log('Home'));
router.addRoute('/about', () => console.log('About'));
router.go('/');
router.go('/about');这个例子会在控制台打印出以下内容：
Home About
深入了解
simple-agnostic-router 可以让我们以一种非常简洁的方式实现前端路由。如果你想了解更多的细节和实现原理，你可以查看其源代码，并可以参考相关资料进行深入学习。
总结
simple-agnostic-router 是一个非常容易使用的 npm 包，它可以使我们快速地实现一个前端路由。同时，通过学习 simple-agnostic-router 的使用，我们也可以更深入地了解前端路由的实现原理，这对我们的前端技术水平提高也有帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600551d281e8991b448cf394
