Vuejs：使用@打印对象属性（转义特殊字符）

Question

我正在调用一个像这样检索Json对象的服务：

data {
  author: "john",
  "@attributes": {
    value: 1
  },
}

我想在HTML

中打印值：1

<div>{{ data.author }}</div>
<div>{{ data.@attributes.value }}</div>

但是我收到了一个错误：

invalid expression: Invalid or unexpected token in

    _s(data.@attributes.value)

  Raw expression: {{ data.@attributes.value }}

似乎@是一个特殊的角色。我怎么能逃脱呢？

Answer 1

这不是更像javascript的Vuejs问题。

您可以使用它来解决问题：

<div>{{ data["@attributes"].value }}</div>