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/
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。