vue-i18n

最新推荐文章于 2024-07-30 10:33:05 发布

weixin_34315665

最新推荐文章于 2024-07-30 10:33:05 发布

阅读量97

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/u/3759656/blog/2870316

版权

2019独角兽企业重金招聘Python工程师标准>>>

vue-i18n 仓库地址：https://github.com/kazupon/vue-i18n

兼容性：

支持 Vue.js 2.x 以上版本

安装方法：

1	`npm install vue-i18n`

使用方法：

1、在 main.js 中引入 vue-i18n （前提是要先引入 vue）

1 2	`import VueI18n from` `'vue-i18n'` `Vue.use(VueI18n)`

2、准备本地的翻译信息

3、创建带有选项的 VueI18n 实例

4、把 i18n 挂载到 vue 根实例上

5、在 HTML 模板中使用

转载于:https://my.oschina.net/u/3759656/blog/2870316

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34315665

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Vue国际化支持(i18n)

数组喜欢打对象的博客

10-28

1907

1. 国际化概述开发时，项目能同时应对世界不同地区和国家的访问，并针对不同地区和国家的访问，提供相应的、符合来访者阅读习惯的页面或数据。国际化(internationalization)又称为i18n(读法为i18n，据说是因为internationalization(国际化)这个单词从i到n之间有18个英文字母，i18n的名字由此而来)。 2. Vue + Element国际化支持 vue项目中的国际化语言支持使用的是vue-i18n插件 1. 安装国际化的包 npm i vue-i18.

vue——vue-i18n

肖的博客

06-13

4827

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国际化（vue-i18n）

gladysdrea的博客

07-02

195

一、安装三种方式： 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.引

Vue3 接入 i18n 实现国际化多语言

热门推荐

袁杰Jerry

06-24

4万+

今天介绍vue开发中用的最多的国际化插件：vue-i18n。本文主要参考官网文档，并且结合项目实际需要做了些改进。欢迎围观。

vite-plugin-vue-i18n:Vue I18n的快速插件

04-09

:globe_with_meridians: @ intlify / vite-plugin-vue-i18n Vue I18n的Vite插件 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的...

vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目

05-11

使用vue-i18n-loader的单个文件组件中的区域设置消息区域设置消息丢失和未使用的报告（实验性）环境变量 :rocket: 入门如果yon没有使用Vue CLI创建的项目： vue create my-vue-app 将插件安装到您的项目中： ...

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...

vue与vue-i18n结合实现后台数据的多语言切换方法

08-27

vue与vue-i18n结合实现后台数据的多语言切换方法本文将详细介绍如何使用vue和vue-i18n实现后台数据的多语言切换方法。通过结合使用vue和vue-i18n，我们可以实现后台数据的多语言切换，从而满足不同语言地区的需求...

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

vue 国际化 vue-i18n 双语言语言包

08-27

主要介绍了vue 国际化 vue-i18n 双语言语言包的相关知识，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下

vue中使用 vue-i18n 简单的国际化操作

麋鹿的鹿

08-27

297

下载依赖 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实现多语言项目（vue-i18n）

lyxyldd的博客

04-27

389

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

qq_43674041的博客

10-20

192

Vue国际化-i18n 效果图安装 yarn add vue-i18n 使用 1.在main.js中引入i18n。 import Vue from 'vue'; import VueI18n from "vue-i18n"; import App from './App.vue'; import router from './router'; import store from './store'; Vue.config.productionTip = false; Vue.use(VueI18n)

【VUE】i18n-前端国际化

SZnAl的博客

06-07

2832

Vue2与Vue3前端国际化的使用方法，使用后端配置国际化

vue国际化（vue-i18n）

weixin_44632257的博客

08-17

227

一、安装(npm安装) npm install vue-i18n 二、配置（main.js文件配置） 1、引入 import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n) 2、在assets=>lang中新建en.js和zh.js 3、注册i18n实例并引入语言文件，文件格式等下解析 const i18n = new VueI18n({ locale: 'en', // 语言标识 messages: {

vue-i18n国际化

fmk1023的博客

12-18

124

文章目录vue-i18n安装使用 vue-i18n Vue i18n国际化多语言适配安装 cnpm install vue-i18n -S 使用 import Vue from 'vue'; import VueI18n from 'vue-i18n'; import messages from './langs'; import Vuex from '../store'; Vue.use(VueI18n); const language = Vuex.state.setting.language |

Vue.js应用的国际化实现：vue-i18n配置与使用教程

"vue-i18n国际化" Vue.js 是一个流行的前端框架，它提供了丰富的功能来构建用户界面。为了实现应用程序的多语言支持，Vue 社区开发了 vue-i18n 这个插件，使得 Vue 应用能够轻松地进行国际化（i18n）设置。 1. ...