# 🌎 国际化
目前 HUI2.x 内置了中文(zh_CN)和英语(en_US),在组件内部默认使用中文。若希望默认使用英语,这需要进行多语言设置。
# 单个控件
// main.js
import Vue from 'vue';
import locale from '@hui-pro/locale';
import en_US from '@hui-pro/plan/lang/en_US';
locale.use(en_US);
# 多个控件
// main.js
import Vue from 'vue';
import locale from '@hui-pro/locale';
import en_US_plan from '@hui-pro/plan/lang/en_US';
import en_US_table_transfer from '@hui-pro/table-transfer/lang/en_US';
import deepmerge from 'deepmerge'
const en_US = deepmerge.all([
en_US_plan,
en_US_table_transfer
])
locale.use(en_US);
# 动态切换
如果你想动态切换 HUI-Pro 的默认语言,你可以引入以下代码
// lang/zh_CN.js
import deepmerge from 'deepmerge'
import Plan from '@hui-pro/plan/lang/zh_CN';
import TableTransfer from '@hui-pro/table-transfer/lang/zh_CN';
export default deepmerge.all([
Plan,
TableTransfer
])
// lang/en_US.js
import deepmerge from 'deepmerge'
import Plan from '@hui-pro/plan/lang/en_US';
import TableTransfer from '@hui-pro/table-transfer/lang/en_US';
export default deepmerge.all([
Plan,
TableTransfer
])
// main.js
import Vue from 'vue';
import locale from '@hui-pro/locale';
import zh_CN from './lang/zh_CN.js'
import en_US from './lang/en_US.js'
// 根据判断条件设置 HUI-Pro 内部组件的默认语言
// 条件满足 ? locale.use(en) : locale.use(zhCN)