@文心快码vue2使用vue-i18n 文心快码在Vue 2中使用vue-i18n进行国际化处理,可以按照以下步骤进行: 1. 安装vue-i18n库 由于Vue 2与Vue 3在生态系统上的不兼容,我们需要安装与Vue 2兼容的vue-i18n版本。通常,版本8.x是适用于Vue 2的。可以使用以下命令安装: bash npm install vue-i18n@8.2.1 --
Vue.use(VueI18n) //使用的是sessionStroage中存储的的lang,默认是中文简体cn varlanguage = window.sessionStorage.getItem('lang') ||'cn' const i18n =newVueI18n({ locale: language,//将i18n的locale设置为你需要的语言 messages: { 'cn':{ ...zhLocale,...cn }, 'en':{ ...enLocale,...en} ...
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项目 vue create simple-vue2-vite 选择Default ([V...
vue3使用vue-i18n 9.x ,相关方法在i18n.global.xxx 但是这个加载包还是有些打,需要进一步拆分 按模块或路由加载语言包 这个优化有很多措施 拆分模块 之前的语言包全部是在一个json文件里面。第一个,json无法tree-shake 树摇 掉不用代码。 如果是ts,首先第一个按页面、功能 分成一个个 对象。虽然不用tree-shak...
通过vue-i18n的源码得知,this.$i18n通过Vue.defineProperty定义且仅定义了get访问器, 所以无法直接将i81n赋值给Vue.prototype.$i18n, 通过源码进一步得知this.$i18n在内部通过this._i18n获取国际化对象,所以直接将i18n赋值给_i18n, 此处暂时可解决antv x6自定义vue节点无法国际化问题 特别注意:此处使用了vue-i18n包的...
vue3使用vue-i18n 9.x ,相关方法在i18n.global.xxx 但是这个加载包还是有些打,需要进一步拆分 按模块或路由加载语言包 这个优化有很多措施 拆分模块 之前的语言包全部是在一个json文件里面。第一个,json无法tree-shake 树摇 掉不用代码。 如果是ts,首先第一个按页面、功能 分成一个个 对象。虽然不用tree-shak...
二、在vue中使用 将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'}, ...
使用vue-i18n {{$t("message.hello")}} import Vue from 'vue' import VueI18n from 'vue-i18n' const messages={ en:{message:{hello:'hello world'}}, cn:{message:{hello:'您好世界'}} }; const i18n=new VueI18n({ locale:'en', messages:messages...
export default i18n; 这样就可以了 注意事项 由于是异步加载,比如初始化只加载 fallbackLocale ,代码中注释的部分 vue3使用vue-i18n 9.x ,相关方法在i18n.global.xxx 但是这个加载包还是有些打,需要进一步拆分 按模块或路由加载语言包 这个优化有很多措施 拆分模块 之前的语言包全部是在一个json文件里面。第一...