使用vue開發的網站如何支援多語言？

如果vue網站想支援多語言我們可以選擇 vue-i18n 下面介紹一下它在vue中的使用：

1：使用npm安裝

npm install vue-i18n -S

import Vue from 'vue'
import VueI18n from 'vue-i18n'

// install plugin
Vue.use(VueI18n)
Vue.config.lang = 'zh-cn'
Vue.locale('zh-cn', { message: '你好' })
Vue.locale('en', { message: 'hello' })
 

<span>{{ $t('message') }}</span>

export defaults {
  data () {
    return {
      hello: this.$t('message')
    }
  }
}