vue项目国际化,基于vue-i18n实现

1,安装vue-i18n。

在命令行输入:npm install vue-i18n  或    cnpm install vue-i18n

2,main.js文件中,配置vue-i18n相关的配置。(红框的部分)

vue项目国际化,基于vue-i18n实现

3,找到assets文件夹,新增languages文件夹,新建en.json(英文文件),新建zh.json(中文文件)

vue项目国际化,基于vue-i18n实现

4,添加中英文文件相关数据

vue项目国际化,基于vue-i18n实现vue项目国际化,基于vue-i18n实现

5,在相应页面添加对应的中英文属性。

vue项目国际化,基于vue-i18n实现

6,成功

vue项目国际化,基于vue-i18n实现

上一篇:【C语言】构建新生的学籍卡管理程序。学籍卡内容包括:学号、姓名、性别、专业等内容。


下一篇:Java HashMap 源码解析