国际化测试

src/i18n.js

@@ -13,6 +13,13 @@ const i18n = new VueI18n({
     EN: { ...EN, ...enLocale },
     CN: { ...CN, ...zhLocale }
   }
+
+  // locale: 'ZH', // 设置默认语言
+  //   fallbackLocale: 'ZH', // 当无法匹配当前语言时，使用的备选语言
+  //   messages: {
+  //     'ZH': require('./locales/zh.json'), // 导入中文语言文件
+  //     'EN': require('./locales/en.json')  // 导入英文语言文件
+  //   }
 })
 // console.log(i18n)
 export default i18n

src/locales/en.json

@@ -0,0 +1,5 @@
+{
+  "login": "log in",
+  "world": "World",
+  "button": "Click Me"
+}

src/locales/zh.json

@@ -0,0 +1,5 @@
+{
+  "login": "用户登录",
+  "world": "世界",
+  "button": "点击我"
+}

src/main.js

@@ -8,7 +8,8 @@ import UmyUi from 'umy-ui'
 import 'umy-ui/lib/theme-chalk/index.css';// 引入样式
 // const ElementUI = require('element-ui')
 // require('element-ui/lib/theme-chalk/index.css')
-import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n
+// import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n
+import locale from 'element-ui/lib/locale/lang/en' // lang i18n
 import iconfont from './assets/iconfont/iconfont.css'
 
 import '@/styles/index.scss' // global css

src/views/login/index.vue

@@ -5,7 +5,7 @@
         <img src="@/assets/images/logo.png" alt="">
       </div>
       <div class="new-login-r">
-        <div class="title">用户登录</div>
+        <div class="title">{{$t('用户登录')}}</div>
         <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on" label-position="left">
           <el-form-item prop="username">
             <span class="svg-container">