vue-i18n_Vue.js的国际化插件

fly63前端网

www.fly63.com

首页文章资源工具教程栏目

搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具，网友无需注册和下载安装即可使用

vue-i18n
分享
复制链接
新浪微博
QQ 好友
扫一扫分享

网站描述:Vue.js的国际化插件

vue I18n是Vue.js的国际化插件。它可以轻松地将一些本地化功能集成到您的Vue.js应用程序中。

您可以使用简单的api将国际化引入您的应用

除了简单的翻译外，还支持多元化，数字，日期时间等本地化等

您可以在单个文件组件上管理区域设置消息

npm install vue-i18n
yarn add vue-i18n

使用模如果在一个模块系统中使用它，你必须通过 Vue.use() 明确地安装 vue-i18n：

import Vue from 'vue'
import VueI18n from 'vue-i18n'

Vue.use(VueI18n)

语言环境信息如下：

const messages = {
  en: {
    message: {
      hello: '{msg} world'
    }
  }
}

模板如下：

<p>{{ $t('message.hello', { msg: 'hello' }) }}</p>

输出如下：

<p>hello world</p>

语言环境信息如下：

const messages = {
  en: {
    message: {
      hello: '{0} world'
    }
  }
}

模板如下：

<p>{{ $t('message.hello', ['hello']) }}</p>

输出如下：

<p>hello world</p>

列表格式也接受类似数组的对象：

<p>{{ $t('message.hello', {'0': 'hello'}) }}</p>

输出如下：

<p>hello world</p>