1. 首页
  2. 编程语言
  3. Javascript
  4. Vue如何基于vue-i18n实现多国语言兼容

Vue如何基于vue-i18n实现多国语言兼容

上传者: 2021-09-12 03:42:22上传 PDF文件 71.04 KB 热度 12次

vue中使用 vue-i18n 兼容多国语言1.安装:npm install vue-i18n --save-dev2.在main.js文件中引入:3.在src下新建文件夹VueI18n 然后在文件夹下建立两个文件language-zh.js和language-en.js你也可以创建的是两个json文件 如language-zh.json但是里面的格式也改成json格式json 格式:在main.js中引入这两个文件language-zh.jslanguage-en.js4.在组件中开始使用点击切换语言 这样就完成了一个简单的国际化。language-en.js language-zh.js这两个文件是要翻译的内容,通过$t(' ') 完成调用。

用户评论