vue add i18n

1, download and install

npm install vue-i18n --save

2, in the src folder creation language

language decentralization of two js

en.js

export default {
  message: {
    hello: 'hello'
  }
}

zh.js

default {Export 
  Message: { 
    Hello: 'Hello' 
  } 
}

3, incorporated main.js

import VueI18n from 'vue-i18n'
import en from './language/en'
import zh from './language/zh'

Vue.use (VueI18n)

const i18n = new VueI18n({
  locale: (navigator.language || navigator.browserLanguage).toLowerCase(),
  messages: {
    'zh-cn': zh,
    'en': en
  }
})

new Vue({
  el: '#app',
  router,
  store,
  i18n,
  components: { App },
  template: '<App/>',
})

4, with the components

{{$t('message.hello')}}