初始化

src/i18n/i18n.js

@@ -0,0 +1,14 @@
+//i18n.js
+import Vue from 'vue'
+import locale from 'element-ui/lib/locale'
+import VueI18n from 'vue-i18n'
+import messages from './langs'
+
+Vue.use(VueI18n)
+const i18n = new VueI18n({
+  locale: localStorage.lang || 'cn',
+  messages
+})
+locale.i18n((key, value) => i18n.t(key, value)) //重点：为了实现element插件的多语言切换
+
+export default i18n

src/i18n/langs/cn.js

@@ -0,0 +1,13 @@
+//cn.js
+
+import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+const cn = {
+  message: {
+    'hello': '你好，世界',
+    'switch': 'English',
+    'test':'测试'
+  },
+  ...zhLocale
+}
+
+export default cn

src/i18n/langs/en.js

@@ -0,0 +1,13 @@
+//en.js
+
+import enLocale from 'element-ui/lib/locale/lang/en'
+const en = {
+  message: {
+    'hello': 'hello, world',
+    'switch': '简体中文',
+    'test':'test'
+  },
+  ...enLocale
+}
+
+export default en

src/i18n/langs/index.js

@@ -0,0 +1,6 @@
+import en from './en'
+import cn from './cn'
+export default {
+  en,
+  cn
+}