【vue3】：国际化解决方案

# 国际化

• element plus

• 非 element plus

# 常规操作

下载 vue-i18n

# element plus 国际化

<template>
   <el-config-provider :locale="$store.getters.language === 'en' ? en : zhCn">
       <router-view></router-view>
   </el-config-provider>
</template>

根据不同 locale 使用<el-config-provider>加载不同的语言文件，element plus 无需手动加载，只需设置 en或者 zhCn即可

# 非 element plus 国际化

• 创建语言文件
• 创建 i18n实例对象
• 全局注册 i18n对象

语言文件

// i18n/lang/en.js
export default {
   
  login: {