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的资源

Micromodal.js

使用纯Js编写轻量级，可配置的模式对话框库

官网

GitHub

push.js

一个小巧的，跨浏览器的 JavaScript 通知 API 的解决方案

官网

GitHub

date-fns

轻量级的JavaScript 日期工具库

官网

GitHub

swiper

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

官网

GitHub

smoothscroll.js

一款纯js页面平滑滚动插件

官网

GitHub

dsa.js

数据结构和算法在JavaScript中解释和实现

官网

GitHub

Mousetrap

一个简单、轻量可用于捕获和处理键盘事件的js 库

官网

GitHub

autodialog.js

一个轻量、框架无关的弹窗系统

点击进入

GitHub