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