simplest-i18n

一天28小时

于 2021-09-13 13:40:11 发布

阅读量208

点赞数

文章标签： vue.js javascript html

本文链接：https://blog.youkuaiyun.com/Programmerwhite/article/details/120265523

版权

本文介绍了如何在Vue应用中实现国际化，通过引入简单i18n库并配合getLang模块管理语言切换，展示了如何在.vue文件中使用$t方法本地化字符串。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

main.js

import t from './t';
Vue.prototype.$t = t;

getLang.js

import store from './store/index'
const langs = ['zh-CN', 'en']
const getLang = {
    lang:store.state.lang,
    langs
}

export default getLang;

t.js

import i18n from 'simplest-i18n';
import getLang from './getLang';

const t = i18n({
  locale: getLang.lang, // 当前语言
  locales: getLang.langs // 支持的语言列表
});
export default t;

.vue

 <span>{{ $t("真实姓名", "Real Name") }}</span>