初始化

src/lang/en.ts

@@ -0,0 +1,6 @@
+export default {
+	Login: {
+		login: 'Log in',
+		register: 'Register',
+	}
+}

src/lang/index.ts

@@ -0,0 +1,34 @@
+import { createI18n } from 'vue-i18n'
+// 中文		zh-cn
+// 英文		en
+
+// element-plus 中的语言配置
+import elementEnLocale from './en'
+import elementZhLocale from './zh-cn'
+
+// 自己的语言配置
+import enLocale from './en'
+import zhLocale from './zh-cn'
+
+// 语言配置整合
+const messages = {
+  'ENGLISH':{
+    ...enLocale,
+    ...elementEnLocale
+  },
+  'CHINESE_SIMPLIFIED':{
+    ...zhLocale,
+    ...elementZhLocale
+  },
+}
+
+// 创建 i18n
+const i18n = createI18n({
+  warnHtmlMessage: false,
+  legacy: false,
+  globalInjection:true,  // 全局模式，可以直接使用 $t
+  locale: localStorage.getItem('language') || 'ENGLISH',
+  messages: messages
+})
+
+export default i18n

src/lang/zh-cn.ts

@@ -0,0 +1,6 @@
+export default {
+	Login: {
+		login: '登录',
+		register: '注册',
+	}
+}