init

src/i18n/i18n.js

@@ -0,0 +1,25 @@
+import Vue from 'vue'
+import VueI18n from 'vue-i18n'
+import locale from 'element-ui/lib/locale'
+import zh from './langs/zh'
+import en from './langs/en'
+import enLocale from 'element-ui/lib/locale/lang/en'
+import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+
+Vue.use(VueI18n)
+
+const messages = {
+  en: Object.assign(en, enLocale),
+  zh: Object.assign(zh, zhLocale)
+}
+
+// console.log(messages.zh)
+
+const i18n = new VueI18n({
+  locale: localStorage.getItem('locale') || 'zh',
+  messages
+})
+
+locale.i18n((key, value) => i18n.t(key, value)) // 为了实现element插件的多语言切换
+
+export default i18n

src/i18n/langs/en.js

@@ -0,0 +1,9 @@
+module.exports = {
+  message: {
+    title: 'Sport Brands'
+  },
+  top: {
+    run: 'run',
+    auto: 'auto'
+  }
+}

src/i18n/langs/zh.js

@@ -0,0 +1,9 @@
+module.exports = {
+  message: {
+    title: '运动品牌'
+  },
+  top: {
+    run: '运行',
+    auto: '自动'
+  }
+}