vue中vuex-i18n使用 | 码农家园

先给个项目地址源码所在 json 文件：： https://github.com/Tom-cy/mi_nj

1 2	npm i ~~ npm install vuex-i18n

使用 --我已经写好了js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

import Vue from "vue";
import Vuex from 'vuex';
// 国际化语言
import vuexI18n from "vuex-i18n";

// 引入语言文件配置
let translationsUS = require("./i18n/en-US.json");
let translationsCN = require("./i18n/zh-CN.json");
let translationsTw = require("./i18n/zh-TW.json");

const store = new Vuex.Store({
modules: {
i18n: vuexI18n.store
}
});

Vue.use(vuexI18n.plugin, store);

Vue.i18n.add("en-US", translationsUS);
Vue.i18n.add("zh-CN", translationsCN);
Vue.i18n.add("zh-TW", translationsTw);

Vue.i18n.set('en-US')
Vue.i18n.set('zh-CN')
Vue.i18n.set('zh-TW')

使用效果：
在这里插入图片描述

在这里插入图片描述