在前端开发中，经常需要进行国际化处理，其中跨语种的链接处理是一个很有用的功能。而 npm 包 zh-aulink 则是一个可以方便实现这个功能的工具。本文将详细介绍这一 npm 包的使用教程。
安装
首先需要在项目中安装该包。可以使用 npm 进行安装:
npm install zh-aulink --save
使用
zh-aulink 的使用非常简单，只需要将链接文本放入相应的 zh_au 标记中，即可自动进行处理。
<zh_au href="/about">关于我们</zh_au>
例如上述代码所示，href 为链接地址，文本 “关于我们” 会自动根据用户语种进行处理，如果用户的语种为中文，则会直接使用文本 “关于我们”，如果用户的语种为英文，则会自动将文本转换为 “About us”。
配置
默认情况下，zh-aulink 会根据浏览器的本地语言进行判断与转换。但是，也可以手动设置语言。
zhAULink.config({
lang: 'en',
})例如，上面的配置将用户语种设置为英语，可以获得对应的翻译结果。
指导意义
zh-aulink 不仅简单易用，还能够自动化处理跨语种的链接，解决了国际化开发中的一个痛点问题。同时也方便了在处理多语言项目时的链接的处理工作。这一 npm 包的使用教程对于需要进行国际化处理的开发者非常有指导意义。
示例代码
完整示例代码如下：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- --------------- --
---------------- ----------
-------
------
-----
----
---------- -------------------------------
---------- -------------------------------
---------- ---------------------------------
-----
------
------- ----------------------------------------------------------------------------
--------
-----------------
----- -----
---
---------
-------
-------注：请注意通过 <zh_au> 标记生成的 链接 获取默认的 language 值是 document.documentElement.lang，而不是 navigator.language。 请确保您的 html 标记输入了正确的lang。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600557f081e8991b448d5043