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

Question

我vue项目中 static/js/country_region.js 这个文件是导入在某个.vue 文件用作下拉列表

但是我的网站的多语言的，所有引入了i18n，但是 $t() 这个语法只能用在.vue中，请问我在这个js文件中怎么用啊

import Vue from 'vue';
import store from '../../src/vuex/store'
export default [
  {value: '0',label: Vue.$t('passport.authing')},
  {value: 'London',label: 'London'},
  {value: 'Sydney',label: 'Sydney'},
  {value: 'Ottawa',label: 'Ottawa'},
  {value: 'Paris',label: 'Paris'},
  {value: 'Canberra',label: 'Canberra'}
]

我这样写会报错

Answer 1

import i18n from 'i18n'
i18n.t('...')
这个方式试试

Answer 2

你这样写不在vue中,需要包起来,直接在main.js的new Vue 赋给一个变量,然后再从变量中获取就可以了
如 main.js中
window.vm= new Vue({
// 单独js 中,
{value: '0',label: window.vm.$i18n.t('passport.authing')}
import Vue from 'vue' 这段都不需要了

Answer 3

确实可以的！