npm install vue-i18n@8.2.1 --save 2. 在Vue2项目中引入vue-i18n并初始化 在你的Vue项目的入口文件(通常是main.js)中引入vue-i18n,并进行初始化配置: javascript import Vue from 'vue'; import VueI18n from 'vue-i18n'; import i18n from './i18n'; // 假设你将i18n配置放在了一个单独的文件中 ...
npm install vue-i18n@8.2.1 配置 新建i18n模块和对应的语言文件 importVuefrom"vue";importVueI18nfrom"vue-i18n";importzhfrom"element-ui/lib/locale/lang/zh-CN";// element-ui的中文包importrufrom"element-ui/lib/locale/lang/ru-RU";// element-ui的俄语包import{ getLanguage, DEFAULT_LANGUAGE }from...
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...
第一步: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还是之前的方法,只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍: 为什么需要异步加载语言包 主要还是缩小提代码包,没有按需加载前,语言包内容太多 好几屏幕全部是,虽然从webpack-analysis 看图里面占比可以忽略不计 按语言异步加载语言包 一次加载所有翻...
项目从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 ...
EN本篇博客针对新vue2项目，老项目就先不说了哈哈(坑太多) 首先新建一个vue2项目 vue create simple-...
将vue-i18n 引入 vue 项目中,创建一个 i18n 实例对象 main.js文件 import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n) const i18n = new VueI18n({ locale: 'en', messages: { 'en': { message: {hello: 'hello'}, ...
项目从vue2 升级vue3,VueI18n需要做适当的调整。主要是Vue I18n v8.x 到Vue I18n v9 or later 的变化,其中初始化: 具体可以参看:https://vue-i18n.intlify.dev/guide/migration/breaking.html Vue I18n v8.x: import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n) const i18n = ...
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'), ...