vue项目中实现国际化

1 Element-plus配置国际化：ConfigProvider

 （1）首先需要将国际化的地方包起来，如下

 当按钮点击中文时，时间选择组件对应的文字会转换成中文，当点击英文时，时间选择组件对应的文字会转换成英文。

2 Vue-i18n实现网站全局国际化（1 中只能实现局部国际化，使用2可以实现全局国际化）

（1）安装：npm i vue-i18n@next

（2）在项目中新建language文件

其中i18n.ts中内容为

import { createI18n } from 'vue-i18n'
import zh from './zh'
import en from './en'
const i18n = createI18n({
  locale: 'zh',
  messages: {
    zh,
    en
  }
})
export default i18n

en.ts的内容为：

export default {
  message: {
    home: 'home',
    mine: 'mine'
  }
}

 zh.ts的内容为

export default {
  message: {
    home: '首页',
    mine: '个人中心'
  }
}

（3）在main.ts中引入

（4）使用：

（5）如何切换语言