vue-18n 中的特殊字符转义

vue-i18n 特殊字符列表

• {
• }
• @
• $
• |

特殊字符并不多，就以上 5 个，如果要用到以上特殊字符，就需要转义。在 vue-i18n 文档中提到了“字面量插值”，狭义上讲其实就是转义。

特殊字符转义实战

假设一个服务场景的本地消息资源文件内容如下：

const messages = {
  zh: {
    support: "如有任何疑问请发送邮件到 support@verytools.net"
  }
}

support 字段中使用到了 email 地址，包含了特殊字符 @，因此需要转义，修改后的内容如下：

const messages = {
  zh: {
    support: "如有任何疑问请发送邮件到 support{'@'}verytools.net"
  }
}

转义方法：将需要转义的内容左右添加单引号，同时使用{}括起来。 以下表格给出了各个特殊字符的转义方法（其实都是同样的方法）。

特殊字符	转义后写法
{	{'{'}
}	{'}'}
@	{'@'}
$	{'$'}
|	{'1'}