vue i18n-将其用作javascript对象(不在模板内)?

Kev*_*nHu 4 vue.js vuejs2

是否可以仅将vue,vue-i18n与javascript(作为对象)一起使用,而不在模板中使用?

我想在window.confirm之类的地方使用它,这可能吗?

谢谢。

小智 5

是的,有可能,我从未使用过该插件,但看起来非常简单:

首先,您创建实例:

// Ready translated locale messages
const messages = {
  en: {
    message: {
      greeting: 'hi {name}'
    }
  },
  es: {
    message: {
      greeting: 'hola {name}'
    }
  }
}

// Create VueI18n instance with options
const i18n = new VueI18n({
  locale: 'es', // set locale
  messages, // set locale messages
})
Run Code Online (Sandbox Code Playgroud)

(请注意,“ const”是es6)

然后,您可以在存在i18n var的任何js中使用它:

i18n.t('greeting', { name: 'kazupon' }) // -> hola kazupon
Run Code Online (Sandbox Code Playgroud)

文件:

http://kazupon.github.io/vue-i18n/en/started.html

http://kazupon.github.io/vue-i18n/en/migrations.html