需求
项目基于Vue进行开发,使用了ant-design-vue框架,然后需要做国际化。此时做国际化需要考虑两方面的国际化,一个是ant-design-vue内部组件的国际化,一个是国际化我们的业务显示,业务显示我们选用vue-i18n进行国际化。
安装依赖
# 安装ant-design-vue
npm i --save ant-design-vue
# 安装vue-i18n
npm install vue-i18n --save
建国际化文件
在src包下新建common文件夹,在common文件夹中建子文件夹lang,并新建en-us.js和zh-cn.js,目录结构如下:
文件内容如下:
en-us.js
module.exports = {
title: {
home: 'home',
message: 'message',
code: 'code'
}
}
zh-cn.js
module.exports = {
title: