<translate>

已过时弃用

<translate> 组件和 v-translate 指令已被弃用，请使用 翻译函数 代替。

从 Vue 3 开始，从组件中提取消息变得笨拙且容易出错，并且会导致服务器端渲染出现问题。

为了迁移方便，这些功能将会保留到之后的大版本升级。

用法

<translate>Hello</translate>

<translate> 默认渲染为 <span> 标签, 可以通过 tag 属性覆盖默认值。

<translate tag="h1">Hello</translate>

参数

如果参数是动态的，可以使用 :translate-params 属性（或使用 v-translate 指令）。

<translate :translate-params="{ name: 'Paul' }">Hello %{ name }!</translate>

复数

<translate
  :translate-params="{ amount: 2 }"
  :translate-n="2"
  translate-plural="%{ amount } cars"
>
  %{ amount } car
</translate>

属性

属性	说明	类型	默认值
tag	包裹翻译内容的标签	string	span
translate-n	用于选择使用哪种复数形式	number	null
translate-plural	复数形式	string	null
translate-context	上下文	string	null
translate-params	需要插值的(格式化)参数	Object	null
translate-comment	翻译的注释	string	null