i18n在4种常见环境下使用的方式

1、html

html使用方式是最常见的，直接写成 {{$t(‘xxx.xxxx’)}},渲染是会自动去翻译脚本里面进行匹配

如果我翻译脚本是

xxx:{

xxxx:‘hello’

}

{{$t(‘xxx.xxxx’)}}渲染出来就是：hello

2、js

js中应该加上指针this，即this.$t(‘xxx.xxxx’)

3、element-ui

<el-button @click="collapseAll">{{ defaultExpandAll?$t('button.expand'):$t('button.collapse') }}</el-button>

如果是element-ui 的，在要翻译的前面加上冒号

比如：label=“hello"改成 :label=”$t(‘xxx.xxxx’)"

5、router — 路由源中实现国际化
直接在路由源value中写i8n中的自定义语言