为了让接入国际化成为轻松且愉快的事😄💪🏻
当前库仅适用于
Vue 3, 需要支持Vue 2的请点击 i18n-pro/vue2 查看
- vue >= 3.2.25
- i18n-pro >= 2.0.0
- 轻量：
+
- 以下特性继承于 i18n-pro
- 简单
- 灵活
- 自动翻译
- keyless
- with$ = true
- with$ = false
该库是基于 i18n-pro 结合 Vue 的 全局属性、响应式机制和插件机制 来实现的
主要由 2 部分构成
- createI18n
- useI18n
createI18n：初始化国际化状态并返回其插件函数
useI18n：在 组合式 API 中获取国际化状态和 API 的方法
简易示例如下
// App.vue
<template>
{{ $t('hello world') }}
</template>
// main.ts
import { createApp } from 'vue'
import App from './App.vue'
import { createI18n } from '@i18n-pro/vue'
const i18n = createI18n({
namespace: "i18n-example",
locale: "en",
langs: {
zh: {
'hello world': '你好世界',
},
ja:{
"hello world": "こんにちは世界",
},
}
})
createApp(App)
.use(i18n)
.mount('#app')为了避免不必要的重复文档内容，该库的部分文档是链接
i18n-pro中的内容
当前文档中i18n-pro相关链接是基于2.0.0版本，如果你使用的非该版本，需查看你所使用版本对应的文档，以免用法不一致
Copyright (c) 2023-present Eyelly Wu