介绍
mithril-hobbit-navigator是一个方便、易用的前端路由导航库。它基于mithril框架，可以帮助你轻松地实现单页应用的路由管理。这个库的主要特点是支持异步路由，可以实现懒加载，让页面加载速度更快。
安装
在项目文件夹下使用npm安装mithril-hobbit-navigator：
$ npm install mithril-hobbit-navigator
使用
mithril-hobbit-navigator可以用来管理你应用程序中的所有路由。它需要一个配置对象，该对象指定路由和它们对应的组件或页面，还可以指定默认路由和错误路由等设置。
创建导航器
首先我们需要创建一个导航器对象：
-- -------------------- ---- -------
------ --------- ---- ---------------------------
----- --------- - --- -----------
------- -
-
----- ----
---------- -----
--
-
----- ---------
---------- ------
--
-
----- ----
---------- ---------
--
--
---这里我们定义了三个路由：根路由（/）对应Home组件，/about路由对应About组件，*表示所有其他路由都使用NotFound组件。
注册导航器
接下来我们需要在应用程序中注册我们的导航器：
-- -------------------- ---- -------
------ - ---- ----------
------ --------- ---- ---------------------------
----- --------- - --- -----------
------- -
-- ---
--
---
---------------------- ---- -----------------------这里我们使用了mithril的m.route方法，将应用程序根路径和所有路由注册为导航器路由。
路由跳转
现在我们就可以使用navigator的navigate方法轻松地跳转路由：
navigator.navigate('/about');我们也可以通过在组件中使用mithril的m.route.link方法来实现路由跳转：
m.route.link('/about');加载异步组件
mithril-hobbit-navigator还支持异步组件的加载。我们可以为路由配置中的组件指定一个动态import：
-- -------------------- ---- -------
------ --------- ---- ---------------------------
----- --------- - --- -----------
------- -
-
----- ----
---------- -- -- -----------------
--
-
----- ---------
---------- -- -- ------------------
--
-
----- ----
---------- -- -- ---------------------
--
--
---这里我们用动态import把Home、About和NotFound组件异步加载，这样在页面初次加载时就不会下载所有组件，而只有在用户访问对应路由时才会下载对应的组件文件。
示例代码
下面是一个完整的示例代码，你可以参考它来实现你自己的路由导航器：
-- -------------------- ---- -------
------ - ---- ----------
------ --------- ---- ---------------------------
----- ---- - -
----- -- -- ------- ----- -------
--
----- ----- - -
----- -- -- ------- ------ -------
--
----- -------- - -
----- -- -- ------- ---- --- --------
--
----- --------- - --- -----------
------- -
-
----- ----
---------- -----
--
-
----- ---------
---------- ------
--
-
----- ----
---------- ---------
--
--
---
---------------------- ---- -----------------------
----------------------- -
-------- -
------ - ----- ---- --------- ------------ -- --------
------ - ----- --------- --------- ------------ -- ---------
------ - ----- ----------- --------- ------------ -- -----------
---
--------- -
----------------------------
---
---总结
mithril-hobbit-navigator是一个非常有用的前端路由导航库，它可以帮助你轻松地实现路由管理和懒加载。通过本文的介绍，你应该已经掌握了基本的使用方法，可以试着在你的应用程序中使用它了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f71238a385564ab678a