vue vue-i18n 在js文件 里面怎么使用

在js文件中使用vue-i18n需要先在Vue实例中引入和初始化i18n插件。在main.js中引入和初始化i18n插件的代码如下：

import Vue from 'vue'
import VueI18n from 'vue-i18n'
import messages from './lang/messages'

Vue.use(VueI18n)

const i18n = new VueI18n({
  locale: 'zh-CN',
  messages
})

new Vue({
  i18n,
  render: h => h(App)
}).$mount('#app')

其中，`messages`是一个对象，包含了所有语言的key-value对，如下所示：

const messages = {
  'zh-CN': {
    hello: '你好'
  },
  'en-US': {
    hello: 'Hello'
  }
}

export default messages

在js文件中使用i18n插件，需要通过Vue实例的`$t`方法来获取对应语言的文本信息，如下所示：

<script>
import Vue from 'vue'

export default {
  methods: {
    showMessage () {
      const message = Vue.prototype.$t('hello')
      alert(message)
    }
  }
}
</script>

在js文件中使用`$t`方法来获取文本信息需要先引入Vue对象。