作者:

Creation:2026-01-21Last update:2026-01-21

将此文档参考到您的 AI 助手ChatGPT Claude DeepSeek Google AI mode Gemini Perplexity Mistral Grok

使用您最喜欢的AI助手总结文档，并引用此页面和AI提供商

版本历史

"添加 usePathname 实用程序"
v10.0.02026/6/23
"统一了所有导出的文档"
v8.0.02026/1/21

此页面的内容已使用 AI 翻译。

查看英文原文的最新版本

编辑此文档

如果您有改善此文档的想法，请随时通过在GitHub上提交拉取请求来贡献。

文档的 GitHub 链接

Copy

复制文档 Markdown 到剪贴板

vue-intlayer 包

Name: Intlayer
Rating: 4.92 (64 reviews)
Author: Intlayer

vue-intlayer 包提供将 Intlayer 集成到 Vue 应用的必要工具。它包含一个 Vue 插件和用于处理多语言内容的 composables（组合式函数）。

安装

bash

复制代码

复制代码到剪贴板

npm install vue-intlayer

导出

插件

导入：

tsx

复制代码

复制代码到剪贴板

import "vue-intlayer";

显示表格的所有内容

在弹窗中打开表格以清晰地查看所有数据

函数	说明
`installIntlayer`	在你的应用中安装 Intlayer 的 Vue 插件。

组合式函数 (Composables)

导入：

tsx

复制代码

复制代码到剪贴板

import "vue-intlayer";

显示表格的所有内容

在弹窗中打开表格以清晰地查看所有数据

组合函数	说明	相关文档
`useIntlayer`	基于 `useDictionary`，但注入来自生成声明的经过优化的字典版本。	-
`useDictionary`	处理类似字典的对象（key、content）。它会处理 `t()` 翻译、枚举等。	-
`useDictionaryAsync`	与 `useDictionary` 相同，但处理异步字典。	-
`useDictionaryDynamic`	与 `useDictionary` 相同，但处理动态字典。	-
`useLocale`	返回当前 locale 以及用于设置它的函数。	-
`usePathname`	返回当前路径名（pathname）作为 `ComputedRef<string>`，并已移除 locale 片段。对 `popstate` 具有响应式。	usePathname
`useRewriteURL`	客户端 composable，用于管理 URL 重写。如果存在本地化的重写规则，会自动更新 URL。	useRewriteURL
`useIntl`	返回当前 locale 的 Intl 对象。	-
`useLoadDynamic`	用于加载动态字典的 composable。	-

函数

导入：

tsx

复制代码

复制代码到剪贴板

import "vue-intlayer";

显示表格的所有内容

在弹窗中打开表格以清晰地查看所有数据

函数	描述
`getDictionary`	处理类似字典的对象（key，content）。它会处理 `t()` 翻译、枚举等。
`getIntlayer`	基于 `getDictionary`，但会注入来自生成声明的字典的优化版本。

Markdown

导入：

tsx

复制代码

复制代码到剪贴板

import "vue-intlayer/markdown";

显示表格的所有内容

在弹窗中打开表格以清晰地查看所有数据

函数	描述
`installIntlayerMarkdown`	Vue 插件，用于在你的应用中安装 Intlayer Markdown。

useRewriteURL usePathname