Vue I18n 使用方法
官方地址:http://kazupon.github.io/vue-i18n/zh/started.html#javascript官方代码:HTML<div id="app"><p>{{ $t("message.hello") }}</p></div>JavaScript(main.js)(到时候会使用一个language.js 文件把messsag
·
官方地址:http://kazupon.github.io/vue-i18n/zh/started.html#javascript
实例使用:
官方代码:
HTML
<div id="app">
<p>
{{ $t("message.hello") }}
</p>
</div>
JavaScript
(main.js)
(到时候会使用一个language.js 文件把messsages独立出来)
// 如果使用模块系统 (例如通过 vue-cli),则需要导入 Vue 和 VueI18n ,然后调用 Vue.use(VueI18n)。
import Vue from 'vue'
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
// 准备翻译的语言环境信息
const messages = {
en: {
message: {
hello: 'hello world'
}
},
ja: {
message: {
hello: 'こんにちは、世界'
}
}
}
// 通过选项创建 VueI18n 实例
const i18n = new VueI18n({
locale: 'ja', // 设置地区
messages, // 设置地区信息
})
// 通过 `i18n` 选项创建 Vue 实例
new Vue({ i18n }).$mount('#app')
![Logo](https://devpress.csdnimg.cn/79de2bf0b7994defa4242ef90d5513fa.jpg)
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)