Vue I9 中的新特性

Vue I18n v9 不仅提供 Vue 3 支持，还包含了一些新特性。

消息格式语法

• 请参见 字面插值

消息函数

• 请参见 链接消息
• 请参见 复数化

组合 API

请参见 组合 API 高级章节

翻译组件

支持 plural 属性。 您可以指定要复数化的消息数量。

以下示例：

<script setup>
import { useI18n } from 'vue-i18n'

const { t } = useI18n({
  locale: 'en',
  messages: {
    en: {
      message: {
        plural: 'no bananas | {n} banana | {n} bananas'
      }
    }
  }
})

const count = ref(0)
</script>

<template>
  <i18n-t keypath="message.plural" :plural="count">
    <template #n>
      <b>{{ count }}</b>
    </template>
  </i18n-t>
</template>

日期时间格式化组件

对于日期时间本地化，从 Vue I18n v9 开始，我们也提供了日期时间格式化组件，如 数字格式化组件。

请参见 日期时间本地化自定义格式化

i18n 自定义块

• 请参见 global 属性