dimine 国际化(vue3版本)

• 本方案基于vue-i18n 9.x二次封装、实现了系统国际化和ElementPlus国际化功能。

如何使用

1.安装dm-i18n-v3

npm install dm-i18n-v3

2.在main.js中引用

// 引用dm国际化方法和实例
import dmI18n, {i18n, formatI18nData} from "dm-i18n-v3"

// locales参数为默认国际化语言 (zh-CN、en-US...)
// elementUiSize参数为 elementUi组件size 默认位small
app.use(dmI18n, {locales:langType, elementUiSize:'small'})

/**
 * formatI18nData                -格式化i18n数据
 * @param {array} systemCode     -占位符用到的一级key
 * @param {json,array} i18nData  -i18nData  系统国际化接口获取的数据
 */

// formatI18nData(systemCode, i18nData)  -格式化i18n数据源 接受两个参数
// setLocaleMessage  -i18n设置语法
i18n.global.setLocaleMessage(langType, formatI18nData(["home","pzdp","home2"], i18nData))

// 将i18n挂载到Vue实例
app.mount('#app')