vue-i18n的后续版本(如vue-i18n 9.x及以上)主要针对Vue 3进行了优化和更新,与Vue 2的API和设计存在显著差异。因此,vue-i18n vue2版本与后续版本在兼容性方面存在一些问题,主要表现为: API变化:Vue 3版本的vue-i18n引入了新的API和全局方法,如createI18n和useI18n,这些在Vue 2版本中是不存在的。 插件安装方式...
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...
return import(/* webpackChunkName: "lang-request" */`../lang/${lang}.json`).then((langfile) => { // 动态加载对应的语言包 i18n.global.setLocaleMessage(lang, langfile); return setI18nLanguage(lang); // 返回并且设置 }); } changLang(currentLang); export default i18n; 这样就可以了 注...
vue2异步加载之前说过,vue3还是之前的方法,只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍: 为什么需要异步加载语言包 主要还是缩小提代码包,没有按需加载前,语言包内容太多 好几屏幕全部是,虽然从
项目从vue2 升级vue3,VueI18n需要做适当的调整。主要是Vue I18n v8.x 到Vue I18n v9 or later 的变化,其中初始化: 具体可以参看: https://vue-i18n.intlify.dev/guide/migration/breaking.htmlVue I18n v8.x: …
vue2异步加载之前说过,vue3还是之前的方法,只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍: 为什么需要异步加载语言包 主要还是缩小提代码包,没有按需加载前,语言包内容太多 好几屏幕全部是,虽然从webpack-analysis 看图里面占比可以忽略不计 ...
项目从vue2 升级vue3,VueI18n需要做适当的调整。主要是Vue I18n v8.x 到Vue I18n v9 or later 的变化,其中初始化: 具体可以参看...
1、下载vue-i18n: 注:后续element-ui相关的国际化语言,可用可不用。2、新建三个语言相关文件: 2.1、index.js: 2.2、en.js: 2.3、z...
多语言切换vue2+vue-i18n,环境:vue:2.6.10,vue-i18n:8.28.2安装插件npminstallvue-i18n@8在package.json中检查在main.js中引入importVueI18nfrom'vue-i18n';Vue.use(VueI18n);consti18n
一、vue-i18n的升级 v8与v9的区别 1、vue2使用的是vue-i18n 8.x版本,需要升级到9.x,否则报错; 2、升级到9.x以后我遇到了更大的坑 createI18n的时候报错 effectScope 不是函数,我的思路一直是查createI18n报错,搞了一个早上,在绝望的时候换了一个思路,查effectScope是vue的哪个版本出的,果然,3.2以上,我用...