项目基于Vue-cli3.x进行开发,使用了ant-design-vue框架,然后需要做国际化。此时做国际化需要考虑两方面的国际化,一是ant-design-vue内部组件的国际化,二是国际化我们的业务显示,业务显示我们选用vue-i18n进行国际化。
安装vue-i18n
yarn add vue-i18n
在public文件夹下新建languages文件夹,在新建langs文件夹和i18n.js,langs文件夹下新建index.js、cn.js、en.js。
![68cc42b5e14c7459a0cc55b5a9e8ca1f.png](https://img-blog.csdnimg.cn/img_convert/68cc42b5e14c7459a0cc55b5a9e8ca1f.png)
i18n.js文件内容如下:
![8d7e4f12c236a893ece5fcb5100ec6c9.png](https://img-blog.csdnimg.cn/img_convert/8d7e4f12c236a893ece5fcb5100ec6c9.png)
langs下index.js内容如下:
![50354d9bb290adbdadc4f9e12980d0ea.png](https://img-blog.csdnimg.cn/img_convert/50354d9bb290adbdadc4f9e12980d0ea.png)
langs下cn.js内容如下(en.js文件和cn格式一样):