import { createI18n } from 'vue-i18n'; import en from './en.json'; import zh from './zh.json'; type MessageSchema = typeof en const i18n = createI18n<[MessageSchema], 'en' | 'zh' >({ legacy: false, locale: 'en', // 默认语言 messages: { en, zh } }); export default i1...
创建一个index.ts文件配置vue-i18n并且整合整个lang文件夹下面的所有语言文件 import{createI18n,I18nOptions}from'vue-i18n'import{store}from'@/store'import{useAppStore}from'@/store/modules/app'// 本地语言包importenLocalefrom'./package/en'importzhCnLocalefrom'./package/zh-cn'constappStore=useAppStore(s...
实际上在通过use(i18n)时，会调用i18n.install()方法，大概内容如下：通过app.provide(app.__VUE_I18...
legacy:false, globalInjection:true,//全局模式,可以直接使用 $tlocale: 'zh-cn', messages: messages }) exportdefaulti18n 在createI8n 时,globalInjection 的配置,关系到后面使用,这里注意下。. 接下来要在 main.ts 中注册 import { createApp } from 'vue'import App from'./App.vue'import i18n from'...
{result=browserLocale;}// 保存到缓存saveLocaleToLocalStorage(result);returnresult;}constdefaultLocale=getDefaultLocale();consti18n=createI18n<[MessageSchema],AvailableLocale>({locale:defaultLocale,// 默认使用的语言fallbackLocale:defaultLocale,// 未找到对应语言时使用的语言legacy:true,// 启用传统模式,这...
message: { test:'测试' }, } 1. 2. 3. 4. 5. 6. 创建i18n实例 import { createI18n } from 'vue-i18n' import zh_CN from './zh-CN' import en from './en' const i18n = createI18n({ // legacy: false, // Composition API 模式 ...
legacy: false, globalInjection: true, locale: 'zh', messages }); export default i18n; locale属性用于设置初始语言,值要和 messages 中的属性 key ,相互对应。 zh.js 示例 export default { person: { name:'张三', hobby:'唱跳,rap,篮球' ...
ru: { message: { hello: 'Китай' }, changeText:'переключитьтекст' } } const i18n = createI18n({ legacy: false, globalInjection: true, locale: 'en', messages }) export default i18n 将i18n.ts 引入到 main.ts ...
{type:String},// ...},render(h:Function,{data,parent,props,slots}:Object){const{$i18n}=parent// ...const{path,locale,places}=propsconstparams=slots()constchildren=$i18n.i(path,locale,onlyHasDefaultPlace(params)||places?useLegacyPlaces(params.default,places):params)consttag=props.tag||'...
在main.ts中全局引入 importAppfrom"./App.vue"import{createApp}from"vue"import{createI18n}from"vue-i18n"importglobalLangfrom"./lang/globalLang"constlang=newURLSearchParams(location.search.substr(1)).get("lang")||"zh"constapp=createApp(App)consti18n=createI18n({legacy:false,locale:lang,fallbak...