因此,vue-i18n vue2版本与后续版本在兼容性方面存在一些问题,主要表现为: API变化:Vue 3版本的vue-i18n引入了新的API和全局方法,如createI18n和useI18n,这些在Vue 2版本中是不存在的。 插件安装方式:Vue 3使用全局的app.use方法来安装插件,而Vue 2则使用Vue.use。 响应式系统:Vue 3的响应式系统与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...
重现链接 无 重现步骤 无 预期行为 vue2版本中可以正常使用i18n 平台 操作系统: [macOS, Windows, Linux, React Native ...] 网页浏览器: [Google Chrome, Safari, Firefox ...] X6 版本: [2.11.1 ...] 屏幕截图或视频(可选) No response 补充说明(可选) No responseActivity...
第一步: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 importVue from'vue' importVueI18n from'vue-i18n' importElementLocal from'element-ui/lib/locale' importenLocale from'elem...
项目从vue2 升级vue3,VueI18n需要做适当的调整。主要是Vue I18n v8.x 到Vue I18n v9 or later 的变化,其中初始化: 具体可以参看:vue-i18n.intlify.dev/gu Vue I18n v8.x:import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n) const i18n = new VueI18n({ // ... }) new ...
vue2异步加载之前说过,vue3还是之前的方法,只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍: 为什么需要异步加载语言包 主要还是缩小提代码包,没有按需加载前,语言包内容太多 好几屏幕全部是,虽然从webpack-analysis 看图里面占比可以忽略不计 按语言异步加载语言包 一次加载所有翻...
vue2升级vue3:vue2 vue-i18n 升级到vue3搭配VueI18n v9 javascript 项目从vue2 升级vue3,VueI18n需要做适当的调整。主要是Vue I18n v8.x 到Vue I18n v9 or later 的变化,其中初始化: 周陆军博客 2022/06/24 7240 Nuxt3+vue-i18n国际化(巨坑!!
坑太多) 首先新建一个vue2项目 vue create simple-vue2-vite 选择Default ([Vue 2] babel, eslint...
vue2异步加载之前说过,vue3还是之前的方法,只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍: 为什么需要异步加载语言包 主要还是缩小提代码包,没有按需加载前,语言包内容太多 好几屏幕全部是,虽然从webpack-analysis 看图里面占比可以忽略不计 ...
Vue.use(VueI18n); consti18n =newVueI18n({ locale: localStorage.getItem('lang') ||'zh',// 语言标识 //this.$i18n.locale // 通过切换locale的值来实现语言切换 messages: { 'zh': require('@/assets/VueI18n/language-zh'), 'en': require('@/assets/VueI18n/language-en'), ...