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

Question

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

我想在 window.confirm 之类的东西中使用它，可以吗？

谢谢。

Answer 1

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

首先创建实例:

// 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
})

(注意 'const' 是 es6)

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

i18n.t('greeting', { name: 'kazupon' }) // -> hola kazupon

文档:

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

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