什么是 gluon-router
gluon-router 是一个前端路由库，它可以帮助我们实现页面之间的跳转。它的特点是轻量，易用，并且支持浏览器的历史记录管理。
安装
我们可以使用 npm 命令来安装 gluon-router 包：
npm install gluon-router
使用
gluon-router 是一个 ES6 模块，我们可以使用 import 命令来导入它：
import { Router } from 'gluon-router';创建路由对象
我们可以使用 new 关键字来创建一个路由对象：
-- -------------------- ---- -------
----- ------ - --- --------
------------- --------
------- -
-
----- --------
-------- -- -- -
---------------- --- -------- ---- --------
-
--
-
----- ---------
-------- -- -- -
---------------- --- -------- ----- --------
-
-
-
---在上面的示例中，我们创建了一个路由对象，定义了两个路由规则：
- 当 URL 地址为
/home时，会执行() => {console.log('You are visiting home page.');}函数。 - 当 URL 地址为
/about时，会执行() => {console.log('You are visiting about page.');}函数。
跳转页面
我们可以使用 go() 方法来跳转页面：
router.go('/home');历史记录管理
gluon-router 支持浏览器的历史记录管理，我们可以使用 back() 和 forward() 方法来实现前进和后退：
router.back(); router.forward();
总结
gluon-router 是一个非常优秀的前端路由库，它使用简便，功能完备。我们可以通过学习 gluon-router 的使用来提高我们前端开发的效率。
示例代码
-- -------------------- ---- -------
------ - ------ - ---- ---------------
----- ------ - --- --------
------------- --------
------- -
-
----- --------
-------- -- -- -
---------------- --- -------- ---- --------
-
--
-
----- ---------
-------- -- -- -
---------------- --- -------- ----- --------
-
-
-
---
-------------------
--------------
-----------------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e71255dee6beeee747e