安装:
npm install vue-i18n
兼容性
支持vue2.x以上版本
使用方法:
1. 在main.vue中引用
import VueI18n from ‘vue-i18n’
2. 然后使用
Vue.use(VueI18n)
3. 准备翻译的json文件
{
“en”:{
“hello”:”Hello”,
“homeTab”:{
“common”:”DISCUSSION”,
“red”:”VALUE PACKET”
}},
“cn”:{ “hello”:”你好”,
“bottom”:{
“view”:”发现”,
“search”:”搜索”,
“message”:”消息”,
“mine”:”我的”
}}
}
4.创建实例
const i18n = new VueI18n({
locale: window.localStorage.getItem(‘so_lang’) || ‘cn’,
fallbackLocale: ‘cn’,
messages: require(‘./assets/lang/lang.json’)
})

5.挂在vue根部
new Vue({
el: ‘#app’,
router,
store,
i18n,
template: ‘’,
components: {App}
})
6.在页面使用

{{$t(‘bottom.view’)}}

Logo

前往低代码交流专区

更多推荐