介绍
在进行 Ember.js 开发时，经常会用到路由（routing）相关的模块和 API，如何正确地使用这些模块和 API 是一个需要注意的问题。@types/ember__routing 是一个 npm 包，其中包含了 Ember.js 路由相关的 TypeScript 类型定义，可以让我们更加方便地使用这些模块和 API。
在本篇文章中，我们将介绍如何使用 @types/ember__routing，并提供一些示例代码。
安装
使用 npm 或 yarn 进行安装：
npm install --save-dev @types/ember__routing # 或 yarn add --dev @types/ember__routing
使用
在 TypeScript 项目中，只需要将 @types/ember__routing 加入到 tsconfig.json 中的 types 字段中即可：
-- -------------------- ---- -------
-
------------------ -
-------- -
-- ---
-----------------------
-- ---
-
-
-然后，在你的 TypeScript 文件中，就可以直接使用 import 导入相关的类型了：
import Router, { Route } from '@ember/routing/router';
import { HistoryLocation } from '@ember/routing/location/history';
const router = Router.extend({
location: HistoryLocation.create()
}) as Router<Route>;在上面的代码中，我们导入了 @ember/routing/router 和 @ember/routing/location/history 模块，并使用 Router 和 HistoryLocation 创建了一个路由对象。值得注意的是，我们还对 Router 类型进行了类型断言，指定了它的泛型参数为 Route，这是为了获取更准确的类型检查。
示例
获取当前路由
使用 this.router.currentRouteName 可以获取当前路由的名称：
-- -------------------- ---- -------
------ - ------ - ---- ----------------
------ - ----- - ---- -----------------------
------ ------- ----- --------- ------- ----- -
-------
------------------- -
------------------------------------------
-
-跳转到其他路由
使用 this.transitionTo 可以跳转到其他路由：
-- -------------------- ---- -------
------ - ------ - ---- ----------------
------ - ----- - ---- -----------------------
------ ------- ----- --------- ------- ----- -
-------
--------------- -
--------------------------------------
-
-获取当前路由参数
如果当前路由有参数，可以使用 this.paramsFor 获取当前路由参数：
-- -------------------- ---- -------
------ - ------ - ---- ----------------
------ - ----- - ---- -----------------------
------ ------- ----- --------- ------- ----- -
-------
------------------------- -
----- ------ - ---------------------------------------------
--------------------
-
-监听路由变化
使用 this.router.on 可以监听路由变化：
-- -------------------- ---- -------
------ - ------ - ---- ----------------
------ - ----- - ---- -----------------------
------ ------- ----- --------- ------- ----- -
------------- -
--------------------
-------------------------------- -- -- -
------------------ --- ----------
---
-
-结论
在本文中，我们学习了如何使用 @types/ember__routing 来更加方便地使用 Ember.js 路由相关的模块和 API，并提供了一些示例代码。希望这篇文章能够帮助你更好地理解如何使用 @types/ember__routing。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaa6db5cbfe1ea06104b2