热重载

你可以监视本地化文件中的更改，并将更改热重载到应用程序中。

  1. // 语言环境信息
  2. const messages = {
  3.   // ...
  4. }
  6. // VueI18n 实例
  7. const i18n = new Vuei18n({
  8.   locale: 'en',
  9.   messages
  10. })
  12. // 运行程序
  13. const app = new Vue({
  14.   i18n,
  15.   // ...
  16. }).$mount('#app')
  18. // 热更新
  19. if (module.hot) {
  20.   module.hot.accept(['./en', './ja'], function () {
  21.     i18n.setLocaleMessage('en', require('./en').default)
  22.     i18n.setLocaleMessage('ja', require('./ja').default)
  23.     // 同样可以通过 $i18n 属性进行热更新
  24.     // app.$i18n.setLocaleMessage('en', require('./en').default)
  25.     // app.$i18n.setLocaleMessage('ja', require('./ja').default)
  26.   })
  27. }