回退本地化

总结：使用fallbackLocale：'<lang>'选择首选语言缺少翻译时要使用的语言。

使用语言环境的隐式回退

如果给出的 locale 包含领土和可选的方言，则隐式回退将自动激活。

例如，对于 de-DE-bavarian，以下内容将被视为备用：

1. de-DE-Bavarian
2. de-DE
3. de

要禁止自动回退，请添加后缀感叹号 !，例如 de-DE!。

具有一个语言环境的显式回退

以下语言环境信息的 ja 语言环境中不存在 message 键：

const messages = {
  en: {
    message: 'hello world'
  },
  ja: {
    // 没有翻译的本地化 `hello`
  }
}

当为 VueI18n 构造函数选项指定 fallbackLocale 选项时，message 键使用 en 语言环境进行本地化：

const i18n = new VueI18n({
  locale: 'ja',
  fallbackLocale: 'en',
  messages
})

模板如下：

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

输出如下：

<p>hello world</p>

注意，默认情况下回退到 fallbackLocale 会产生两个控制台警告：

[vue-i18n] Value of key 'message' is not a string!
[vue-i18n] Fall back to translate the keypath 'message' with 'en' locale.

为了避免这些警告 (同时保留那些完全没有翻译给定关键字的警告)，需初始化 VueI18n 实例时设置 silentFallbackWarn：true。

回退插值

由于翻译的键值是字符串，因此也可以作为翻译的值：

const messages = {
  ja: {
    'Hello world': 'こんにちは、世界'
  }
}

这是一种很自然的书写方式，如果在message中找不到相应的键值将回退到原本的语言：

注意: fallbackRoot的优先级高于formatFallbackMessages

<p>{{ $t('Hello world') }}</p>

为了实现此功能，可以通过设置formatFallbackMessages为true：

const messages = {
  ru: {
    'Hello {name}': 'Здравствуйте {name}'
  }
}

const i18n = new VueI18n({
  locale: 'ru',
  fallbackLocale: 'en',
  formatFallbackMessages: true,
  messages
})

模板如下：

<p>{{ $t('Hello {name}', { name: 'John' }}) }}</p>
<p>{{ $t('The weather today is {condition}!', { condition: 'sunny' }) }}</p>

将会输出：

<p>Здравствуйте John</p>
<p>The weather today is sunny!</p>