vue项目中使用 vue-i18n

已于 2022-02-24 16:46:05 修改
阅读量890 收藏 1
点赞数 1
分类专栏： vue 文章标签： vue.js javascript 前端
于 2021-12-30 17:19:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gongliming_qd/article/details/122241419
版权

安装

npm install vue-i18n@8.25.0 --save-dev

main.js中导入

import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
const i18n = new VueI18n({
   
  locale: 'zh', // 语言标识 //this.$i18n.locale // 通过切换locale的值来实现语言切换
  messages: {
   
    'zh': require('./VueI18n/language-zh'),  
    'en':
最低0.47元/天 解锁文章
来陪人家玩游戏嘛
关注
专栏目录
工作笔记八——vue项目的多语言/国际化插件vue-i18n详解
袁杰Jerry
06-24 4万+
今天介绍vue开发中用的最多的国际化插件：vue-i18n。本文主要参考官网文档，并且结合项目实际需要做了些改进。欢迎围观。
Vue国际化支持(i18n)
数组喜欢打对象的博客
10-28 1945
1. 国际化概述 开发时，项目能同时应对世界不同地区和国家的访问，并针对不同地区和国家的访问，提供相应的、符合来访者阅读习惯的页面或数据。国际化(internationalization)又称为i18n(读法为i18n，据说是因为internationalization(国际化)这个单词从i到n之间有18个英文字母，i18n的名字由此而来)。 2. Vue + Element国际化支持 vue项目中的国际化语言支持使用的是vue-i18n插件 1. 安装国际化的包 npm i vue-i18.
vue中使用 vue-i18n 简单的国际化操作
麋鹿的鹿
08-27 305
下载依赖 npm install vue-i18n --save-dev main.js配置 import VueI18n from 'vue-i18n' Vue.use(VueI18n) const i18n = new VueI18n({ locale: 'zh', messages: { zh: require('./VueI18n/language-zh'), en: require('./VueI18n/language-en') } }) new Vue({
Vue-i18n 国际化学习笔记
最新发布
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
09-28 1292
通过上述内容，我们不仅了解了如何在Vue.js项目中使用Vue-i18n进行国际化，还学习了如何解决常见的问题及一些实用的技巧。Vue-i18n 是一个Vue.js的国际化插件，它提供了一种简单的方式来处理应用中的多语言支持。通过这个插件，我们可以轻松地在应用中切换语言，支持多种语言的翻译，并且可以处理日期、数字等多种类型的格式化。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。在Vue应用中使用i18n实例，并在模板中展示国际化消息。
Vue国际化（vue-i18n）
gladysdrea的博客
07-02 216
一、安装 三种方式： 1、script引入 <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg.com/vue-i18n/dist/vue-i18n.js"></script> 2、npm安装 npm install vue-i18n 3、yarn安装 yarn add vue-i18n 二、配置 main.js文件配置 1.引
vue项目中 i18n（vue-i18n） 国际化解决方案,从安装到使用
mq1314520_zhl的博客
07-05 2667
国际化（Internationalization，通常缩写为"i18n"）是指设计和开发软件应用程序，使其能够轻松地适应不同的语言、文化和地区的需求。国际化不仅仅涉及将文字翻译成其他语言，还包括调整日期、时间、货币格式，以及考虑不同文化中的布局、颜色和图标等因素。通过国际化，开发人员可以使其应用程序更易于被全球用户理解和接受，从而扩大应用程序的市场和影响力。定义语言包：需要几种语言展示，就定义几个语言包创建对象，对语言包进行整合，对象的 key 为语言包的引用，值为语言包对象。
vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目
05-11
使用vue-i18n-loader的单个文件组件中的区域设置消息 区域设置消息丢失和未使用的报告（实验性） 环境变量 :rocket: 入门 如果yon没有使用Vue CLI创建的项目： vue create my-vue-app 将插件安装到您的项目中： ...
vue项目中使用vue-i18n报错的解决方法
12-09
然而最近在vue项目中使用vue-i18n的时候，居然报错了，通过查找相关的资料终于找到了解决的方法，下面话不多说了，来一起看看详细的介绍吧 发现问题 iview-admin框架克隆到本地，添加路由的时候，稍不注意就会遇到...
vue-i18n提取-使用静态分析管理vue-i18n本地化。 报告丢失和未使用的i18n条目。-Vue.js开发
05-27
vue-i18n-extract vue-i18n-extract用于与使用vue-i18n的Vue.js项目一起使用。 运行vue-18n-extract时，将分析您的Vue.js源代码。vue-i18n-extract vue-i18n-extract是为与使用vue-i18n的Vue.js项目一起使用而构建的...
vue-i18n-loader：用于自定义块的vue-i18n-loader
02-06
@ intlify / vue-i18n-loader 用于自定义块的vue-i18n加载程序 注意： :warning: next分支是Vue 3的开发分支！ 稳定版现已在分支中！ 状态：测试版 :star: 产品特点 i18n资源预编译 i18n自定义块 i18n资源定义 i18...
vite-plugin-vue-i18n:Vue I18n的快速插件
04-09
:globe_with_meridians: @ intlify / vite-plugin-vue-i18n Vue I18n的Vite插件 :handshake: 支持新...安装此插件后，Vue I18n只能使用Composition API，如果要使用Legacy API，则需要将compositionOnly选项设置为f
vue-i18n:一个用于在Vue.js中实现翻译的小程序包
04-29
vue-i18n 一个小包，用于在实现翻译。 而不是使用基于点的键来获取翻译后的字符串，它只是使用默认字符串本身作为键。 简而言之{{ $t('Hello world') }}而不是{{ $t('messages.hello_world') }} 。 更好的是： {{ 'Hello world' | translate }} {{ 'Hello world' | translate }} 兼容性 专为Vue 1设计，目前不支持Vue 2。 安装 npm install voo-i18n import Vue from 'vue' import i18n from 'voo-i18n' const translations = { 'es' : { 'Hello world' : 'Hola Mundo' } , 'fr' : { 'Hello world
vuei18n是Vuejs的国际化插件
08-13
vuei18n是Vuejs的国际化插件
vue实现多语言项目（vue-i18n）
lyxyldd的博客
04-27 402
1、先安装依赖 npm install vue vue-i18n --save 2、在vue项目assets文件夹下新建一个 i18n 文件夹存放i18n要用的文件 3、新建lang文件夹存放语言包 /*静态文案中文zh.js*/ module.exports = { /*官网顶部文案*/ header:{ 'out':'退出登录', 'back':'返回首页' }, /*后台登录页文案*/ login:{ 'ti
vue-i18n
weixin_34315665的博客
11-05 111
2019独角兽企业重金招聘Python工程师标准>>> ...
vue——vue-i18n
肖的博客
06-13 4848
vue 项目中如何实现国际化 vue-i18n 安装 npm install vue-i18n 引入 import VueI18n from 'vue-i18n' Vue.use(VueI18n) // 通过插件的形式挂载 const i18n = new VueI18n({ locale: 'zh-CN', // 语言标识 //this.$i18n.locale //...
vue i18n
withme
06-05 254
在main.js中引入 18n 下面展示一些内联代码片`。 import zh from '@/i18n/zh' // 简体中文语言包 import tw from '@/i18n/tw' // 繁体中文语言包 import ma from '@/i18n/ma' // 马来语言包 import en from '@/i18n/en' // 英文语言包 import ja from '@/i18n/ja' // 日文语言包 const i18n = new VueI18n({ // locale:se
【VUE】i18n-前端国际化
SZnAl的博客
06-07 3604
Vue2与Vue3前端国际化的使用方法，使用后端配置国际化
Vue i18n
li365820713的博客
01-22 316
vue i18n
Vue项目中使用vue-i18n实现中英文切换教程
首先需要通过npm安装vue-i18n，然后在main.js中引入并配置，接着创建本地化的翻译信息，最后将i18n实例挂载到Vue根组件上，并在模板中使用$t()函数进行国际化文本的调用。实际应用中，可将不同语言的信息存储为单独...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值