首先,你需要安装 vue-i18n 插件。你可以使用 npm 或 yarn 进行安装: bash npm install vue-i18n --save # 或者 yarn add vue-i18n 2. 在 Vue2 项目中引入 vue-i18n 在你的 Vue 项目入口文件(通常是 main.js)中引入 vue-i18n 并进行配置。
return setI18nLanguage(lang); // 返回并且设置 }); } changLang(currentLang); export default i18n; 这样就可以了 注意事项 由于是异步加载,比如初始化只加载 fallbackLocale ,代码中注释的部分 vue3使用vue-i18n 9.x ,相关方法在http://i18n.global.xxx 但是这个加载包还是有些打,需要进一步拆分 按模块或...
vue2异步加载之前说过,vue3还是之前的方法,只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍: 为什么需要异步加载语言包 主要还是缩小提代码包,没有按需加载前,语言包内容太多 好几屏幕全部是,虽然从
前提npm install vue-i18n第一步:vue项目下新建locals文件夹,里面配置index.js内容如下,同时新建zh.js 和 en.js作为语言配置文件1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 import Vue from 'vue' import VueI18n from 'vue-i18n'...
在Vue 2 中配置国际化,您可以使用 Vue I18n 插件。Vue I18n 是 Vue.js 官方推荐的国际化插件,它可以帮助您轻松地实现多语言支持。 安装vue-i18n 项目根目录下打开终端或命令行工具,运行以下命令来安装相关依赖包: npm install vue-i18n@8.27.1 --save ...
第一步 执行 npm install vue-i18n --save,安装 i18n 第二步 在项目 src 目录下创建 i18n 目录,创建 index.js 文件 、en...
vue2异步加载之前说过,vue3还是之前的方法,只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍: 为什么需要异步加载语言包 主要还是缩小提代码包,没有按需加载前,语言包内容太多 好几屏幕全部是,虽然从webpack-analysis 看图里面占比可以忽略不计 ...
1、下载vue-i18n: 注:后续element-ui相关的国际化语言,可用可不用。2、新建三个语言相关文件: 2.1、index.js: 2.2、en.js: 2.3、z...
vue2 中使用 的版本是 "vue-i18n": "^8.27.0", 至于哪些版本可以在vue3和vue2中使用,没有深究,有兴趣的可以自己探索 1.就是下载 npm i vue-i18n@8.27.0 -D 2.就是和上面一样建文件,不在赘述 3.在i18n.js文件使用 //i18n-setup.jsimport Vue from 'vue'import VueI18n from'vue-i18n'import en...
vue2异步加载之前说过,vue3还是之前的方法,只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍: 为什么需要异步加载语言包 主要还是缩小提代码包,没有按需加载前,语言包内容太多 好几屏幕全部是,虽然从webpack-analysis 看图里面占比可以忽略不计 ...