码迷,mamicode.com
首页 > Web开发 > 详细

vue中的js文件如何使用i18n 国际化

时间:2020-05-08 13:10:04      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:国际化   test   lang   解析   实例   方法   文件格式   imp   new   

在js中引入vue-i18n插件,调用插件的实例.t(‘文言名‘)方法即可:

//js文件
import VueI18n from ‘vue-i18n‘

// 注册i18n实例并引入语言文件,文件格式等下解析
const i18n = new VueI18n({
  locale: ‘zh‘,
  messages: {
    ‘zh‘: require(‘./languages/zh.json‘),
    ‘en‘: require(‘./languages/en.json‘)
  }
})
let error = {
     message: i18n.t(‘message.timeout‘)
}
//zh.json文件
{
  "message": {
    "timeout":"测试"
  }
}

//en.json文件
{
  "message": {
    "timeout":"test"
  }
}

 

vue中的js文件如何使用i18n 国际化

标签:国际化   test   lang   解析   实例   方法   文件格式   imp   new   

原文地址:https://www.cnblogs.com/vickylinj/p/12849543.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!