vue-i18n / general / Translation

Тип: Translation()

type Translation = () => object;

Компонент перевода

Возвращает

object

$props

$props: VNodeProps & TranslationProps;

Примечания

См. следующие пункты для получения подробной информации о свойствах:

• TranslationProps
• BaseFormatProps
• Интерполяция компонентов

Пример

<div id="app">
  <!-- ... -->
  <i18n keypath="term" tag="label" for="tos">
    <a :href="url" target="_blank">{{ $t('tos') }}</a>
  </i18n>
  <!-- ... -->
</div>

import { createApp } from 'vue'
import { createI18n } from 'vue-i18n'

const messages = {
  en: {
    tos: 'Условия предоставления услуг',
    term: 'Я принимаю xxx {0}.'
  },
  ja: {
    tos: '利用規約',
    term: '私は xxx の{0}に同意します。'
  }
}

const i18n = createI18n({
  locale: 'en',
  messages
})

const app = createApp({
  data: {
    url: '/term'
  }
}).use(i18n).mount('#app')

Компонент Vue I18n