记录vue2+i18n实现简单国际化

最新推荐文章于 2024-07-04 21:16:29 发布
最新推荐文章于 2024-07-04 21:16:29 发布
阅读量160 收藏
点赞数 1
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nubdhsj/article/details/131463375
版权

第一步下载i8n插件

npm i vue-i18n

 官网地址:https://kazupon.github.io/vue-i18n/zh/installation.html#npm

 第二步在uilts文件夹内创建语言包

 第三步编写语言包 (注意语言包内的key值要一致)

 第四步mian.js注册

 2.注册事件

 

 第五步页面使用

活在影子里
关注
[中级]Vue+i18n+SpringBoot前后端分离式开发
私信可回答各种问题~
07-31 1508
Vue+i18n+SpringBoot前后端分离式开发
记录vue国际化i18n的使用
feinifi的博客
02-29 897
vue框架如果考虑多语言，可以使用vue-i18n，安装的话，直接通过npm install vue-i18n --save将依赖库加入到当前vue项目中。另外，我们需要配置多语言文件，这里以中文和英文为例，我们在assets目录下新建languages目录，然后新建zh.json和en.json，分别用于存放各自语言对应的国际化文件。 多语言文件既然是json格式，自然可以包含...
在vue2项目上使用 i18n支持element-ui
weixin_42492399的博客
05-05 292
在目录utils下 创建lang文件夹 lang文件夹下创建二个文件。
Vue2.0 使用i18n插件实现中英文切换
stone_dom的博客
01-22 988
1、安装i18n插件 npm install vue-i18n 2、在main.js中引入并且全局使用 import VueI18n from 'vue-i18n' Vue.use(VueI18n) // 使用多文件管理不同的语言是一个好习惯： const i18n = new VueI18n({ locale: 'zh',// 进入页面默认语言（如果你需要记录用户的设置，下次进入还是显示上...
vue2.0使用vue-i18n【国际化】demo
最新发布
weixin_50692948的博客
07-04 461
vue2.0使用vue-i18n【国际化】
vue2-使用vue-i18n搭建多语言切换环境
weixin_46479909的博客
12-07 1467
注意：用这种方法在data(){}中获取的变量存在更新this.$i18n.locale的值时无法自动切换的问题，需要刷新页面才能切换语言。与langs文件夹同级，创建index.js：用于配置i18n，并导出i18n。}中，不要写在data(){return{…在新文件夹i18n中新建langs文件夹，里边放语言文本文件.js。注意：vue2.0要用8版本的，使用9版本的会报错。zh.js：存放所有的中文显示内容。en.js：存放所有的英文显示内容。在src目录下，新建i18n文件夹。
国际化 Vue-i18n的安装与使用 （Vue2.0 / Vue3.0）
热门推荐
业余丰富各种技术栈
07-02 3万+
国际化 Vue-i18n的安装与使用 （Vue2.0 / Vue3.0）
vue2使用i18n实现中英文多语言切换
weixin_46077873的博客
11-09 2687
vue2项目使用i18n实现中英文多语言切换
记录一下vue如何利用vue-i18n实现实现国际化的经验（中英文切换）
hanxiongwei的博客
09-04 5323
手机端运用vue要做国际化，作为小白，记录一下，有可能使用的不对，拜托请指出来，谢谢，共同进步 步骤一：安装vue-i18n npm install vue-i18n --save 步骤二：main.js文件的配置，在main.js中添加以下跟vue-i18n的使用有关的配置项 step1， 引入i18n国际化插件 import VueI18n from 'vue-i18n' Vue...
使用Vue i18n对前端页面进行国际化处理
09-05
Vue.js，作为一款流行的前端框架，提供了Vue i18n这个插件来帮助开发者轻松实现这一目标。Vue i18n允许我们为不同的地区设置不同的语言包，从而在不改变代码结构的情况下切换应用的语言。 首先，我们需要理解`Vue ...
vue-i18n-Vue.js的国际化插件。-Vue.js开发
05-27
vue.js的vue-i18n国际化插件银牌赞助商铜牌赞助商:loudspeaker:注意vue-i18n很快将转移到合并组织。 面向Vue.js的vue-i18n国际化插件银牌赞助商铜牌赞助商:loudspeaker:注意vue-i18n即将转移到合并组织。 之后，它将在intlify上进行开发和维护。 在npm上发布的vue-i18n将在不久的将来以@ intlify / vue-i18n的形式发布。 @ intlify / vue-i18n回购在这里Intlify是@kazupon发起的一项新的i18n项目。 :open_book:文档参见此处:scroll:更改日志ea的详细更改
vuei18n是Vuejs的国际化插件
08-13
vuei18n是Vuejs的国际化插件
vue 国际化 vue-i18n 双语言 语言包
08-27
主要介绍了vue 国际化 vue-i18n 双语言 语言包的相关知识，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
vue3中引入vue-i18n, 国际化方案
bsegebr的博客
02-23 2149
前言 该项目使用vue(3.0.5)+ vue-i18n(9.1.2) +vite2.0 所谓的vue-i18n国际化方案，简而言之，就是根据它的规则自己建立一套语言字典，对于每一个字（message）都有一个统一的标识符，我们直接在文中使用该标识符代替原来固定的某一语言，该方案在内部会自动转为你需要查看的语言。 原因 当前项目需要采用国际化方案，但因为采用了vue3.0，网上诸多说明不太明白，故在此记录一下。。。 使用流程 1. 下载安装 npm install vue-i18n 2.在main.js所
vue2 用i8n实现中英文切换
weixin_47689391的博客
10-09 504
关于vue2怎么实现中英文切换
vue-element-admin克隆下载i18n中文版本
littlebra的博客
09-19 792
会自动创建vue-element-admin项目文件夹，首先执行git clone。然后再执行npm命令。最后运行就是中文版。
vue-i18n国际化使用
jl____的博客
08-07 281
vue-i18n国际化使用
【Vue I18n 安装与使用】
m0_57426442的博客
10-30 1787
vuei18n基础使用步骤
vue2项目使用i18n进行中英文切换
qq_41552234的博客
04-07 2796
vue2中使用i18n，容易实现
nuxt + vue-i18n 踩坑记录
06-02
首先，在使用nuxt和vue-i18n时，需要注意以下几点： 1. 在nuxt.config.js中配置vue-i18n： ``` module.exports = { modules: [ 'nuxt-i18n' ], i18n: { locales: [ { code: 'en', file: 'en.js' }, { ...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值