博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue中使用 vue-i18n 实现国际化 $t
阅读量:5350 次
发布时间:2019-06-15

本文共 507 字,大约阅读时间需要 1 分钟。

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、绑定到模板

{
{$t('someThing')}}
//此处的someThing是变量名

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

this.$vuei18n.locale = 'en'

 

转载于:https://www.cnblogs.com/yummylucky/p/11323971.html

你可能感兴趣的文章
2 Orchard汉化资源包的使用
查看>>
python3 property
查看>>
自定义控件注意点
查看>>
SSRS 报表 如何匿名查看
查看>>
JVM内存管理机制
查看>>
centos 安装Mysql
查看>>
简单通用Ajax函数
查看>>
【Android】ListView监听上下滑动(判断是否显示返回顶部按钮
查看>>
HBASE的MAPREDUCE任务运行异常解决办法,无需CYGWIN,纯WINDOWS环境
查看>>
禅道在docker上部署与迁移
查看>>
关于继承、封装、多态、抽象和接口
查看>>
c27---typedef
查看>>
android WebViewClient和WebChromeClient
查看>>
div+css清除浮动代码
查看>>
017Python路--解释器
查看>>
idea2019中utf-8乱码问题
查看>>
docker应用-3(搭建hadoop以及hbase集群)
查看>>
生成keystory文件
查看>>
ubuntu 网络配置
查看>>
char能表示(-128~127)
查看>>