vue-i18n_Vue.js的国际化插件

Web前端开发网

fly63.com

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

vue-i18n

网站地址:https://kazupon.github.io/vue-i18n/

GitHub:https://github.com/kazupon/vue-i18n

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

访问官网

GitHub

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

vue-i18n特点

简单

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

强大

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

面向构件

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

vue-i18n安装

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>

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/2290

热门资源

swiper

目前应用较广泛的移动端网页触摸内容滑动js插件

官网

GitHub

GitHub

IScroll是移动页面上被使用的一款仿系统滚动插件。

官网

GitHub

wangEditor

基于javascript和css开发的 Web富文本编辑器

官网

GitHub

ueditor

由百度web前端研发部开发所见即所得富文本web编辑器

官网

GitHub

highlight

Highlight.js 是一个用 JavaScript 写的代码高亮插件，在客户端和服务端都能工作。

官网

GitHub

UglifyJS

一个js 解释器、最小化器、压缩器、美化器工具集

官网

GitHub

lozad.js

高性能,轻量级,可配置的懒加载图片工具

官网

GitHub

Sortable.js

简单灵活的 JavaScript 拖放排序插件

官网

GitHub

validate.js

表单提供了强大的验证功能,让客户端表单验证变得更简单

官网

GitHub

Draggin.js

一款兼容移动手机的js拖拽插件

官网

GitHub

lazysizes.js

响应式图像延迟加载JS插件【懒加载】

官网

GitHub

类似于vue-i18n的资源

rrule.js

用来处理递归规则日历日期的JavaScript库

官网

GitHub

ajv

一个非常流行的JSON Schema验证工具

官网

GitHub

Pell

一个超级轻量级的 WYSIWYG文本编辑器

官网

GitHub

bootstrap-datepicker

一款Bootstrap日期选择器插件

官网

GitHub

strman

一个Javascript字符串操作库

官网

GitHub

dancer.js

一个高级的音频API

官网

GitHub

bootlint.js

Bootstrap项目的HTML linter

点击进入

GitHub

unified

通过语法树解析、检查、转换和序列化内容的接口

官网

GitHub