首页 > 其他 > 详细

vue中使用 vue-i18n 实现国际化 $t

时间:2019-08-08 21:44:06      阅读:635      评论:0      收藏:0      [点我收藏+]

1、安装

npm install vue-i18n

2、import

import VueI18n from ‘vue-i18n‘

3、挂载

Vue.use(VueI18n)

4、创建实例

const vuei18n = new VueI18n({
    locale: ‘zh‘, 
    messages: {
      ‘zh‘: require(‘./static/lang/zh‘),
      ‘en‘: require(‘./static/lang/en‘)
    }
})

5、对应语言包示例

export const zh = {
  name: ‘小明‘,
  type: ‘美丽的女孩‘
}
export const en = {
  name: ‘Bob‘,
  type: ‘Pretty girl‘
}

6、绑定到模板

<span>{{$t(‘someThing‘)}}</span> //此处的someThing是变量名

7、在vue方法中切换中英文

this.$vuei18n.locale = ‘en‘

 

vue中使用 vue-i18n 实现国际化 $t

原文:https://www.cnblogs.com/yummylucky/p/11323971.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!