vue-i18n 介绍
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://kazupon.github.io/vue-i18n/
GitHub: https://github.com/kazupon/vue-i18n
网站描述: Vue.js的国际化 插件
vue-i18n官方网站
官方网站： https://kazupon.github.io/vue-i18n/
如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。