解决vue-i18n在非.vue文件中，在其他js文件中无法使用的问题
其实很简单，把i18n直接挂载到window上，全局可使用。下面请看详细。
一、安装
npm install vue-i18n@9
二、在vue的main.js中引入
import Vue from "vue"
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)//注入到所有的子组件，就是注册到全局，但是这里仅仅只能在vue文件中使用
// 引入你本地的语言包
import en from './lang/en.ts'
import zhCn from './lang/zh-cn.ts'
const messages = {
en: { name: 'en', ...en},
'zh-cn': { name: 'zh-cn', ...zhCn}
}
const i18n = new VueI18n({
// set locale
locale: 'zh-cn'
fallbackLocale: 'zh-cn', // 默认语言环境。如果locale中无匹配项则采用该项值
messages: messages // set locale messages
// silentTranslationWarn: true // 避免一些警告 (同时保留那些完全没有翻译给定关键字的警告)，需初始化 VueI18n 实例时设置
})
window.$i18n = i18n // 这个全局可使用，包括vue，js等文件
export default i18n // 这一步导出给其他通过import的方式引用
三、使用
在vue文件中，如下使用
<div>{{ $t('hello') }}</div>
在js文件中的使用
<div>{{ window.$i18n.t('hello') }}</div>