组件

i18n 函数式组件

🆕 7.0 新增

参数：

  • path {Path}：必填，关于语言环境信息的键名路径
  • locale {Locale}：可选，语言环境
  • tag {string}：可选，默认值 span
  • places {Array | Object}：可选 (7.2 新增)

用法：

  1. <div id="app">
  2.   <!-- ... -->
  3.   <i18n path="term" tag="label" for="tos">
  4.     <a :href="url" target="_blank">{{ $t('tos') }}</a>
  5.   </i18n>
  6.   <!-- ... -->
  7. </div>
  1. const messages = {
  2.   en: {
  3.     tos: 'Term of Service',
  4.     term: 'I accept xxx {0}.'
  5.   },
  6.   ja: {
  7.     tos: '利用規約',
  8.     term: '私は xxx の{0}に同意します。'
  9.   }
  10. }
  12. const i18n = new VueI18n({
  13.   locale: 'en',
  14.   messages
  15. })
  16. new Vue({
  17.   i18n,
  18.   data: {
  19.     url: '/term'
  20.   }
  21. }).$mount('#app')

请参阅：

组件插值