欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue中vuex-i18n使用

程序员文章站 2022-03-19 15:00:28
...

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

npm i ~~
npm install vuex-i18n

使用 --我已经写好了js

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')

使用效果:
vue中vuex-i18n使用

vue中vuex-i18n使用

相关标签: 个人