一、装置 {代码…} 二、应用在 src 下创立 lang 文件夹。1、筹备语言包本例我筹备了两种语言包，别离是中文和英文：zn、en。在 lang 下创立两个文件，zn.js …

这两天手头的工作是给一个商城我的项目增加多语言。这个商城宏大且简单，是用uniapp+uview ui实现的。商城类的我的项目要增加多语言，不可避免要做大量的文本替换的工作，这么庞杂的一个我的项目怎么能力高效的实现多语言国际化是这篇文章次要要写的货色。

const i18n = new VueI18n({locale: localStorage.getItem(‘locale’) || ‘zh’,messages})

在.vue文件里，可以通过this.$t直接使用挂在Vue原型上的Vue.prototype.$t。如果需要在抽出来的js文件里使用，可以这么写：

前提 最近项目用到了vue-18n做国际化，也是初次自己在项目里写这些东西，然后编码过程中就遇到些痛点？ -. Key要写多次 -. 假如忘了在某个包里写某个Key也不知道 于是写了一个工具来满足我的要求。 界面 统一管理…

默认挂载不需要权限的路由，例如：登录、主页。需要权限的页面通过 router.addRoutes(点击查看官方文档) 动态添加更多的路由规则，404拦截页面需要放在路由表的最后,否则 /404 后面的路由会被404拦截，通过路由元…

本章只介绍基础布局，和一些主要的js，页面上基本上都是些交互事件，项目代码上都有注释，不懂的地方debug跑一变就知道了，只是这些事件基本上没有独立存在的，相互之间都有关联

i18n国际化多语言翻译使用 框架采用vue-i18n版本 8.4.0， 使用npm安装 新建文件夹src/i18n,目录如下 i18n.js {代码…} i18n/lang/index.js {代码…} i18n/lang/cn.js cn.js和en.js 需要要翻译的内容要一一对照…