VueJS正在push（）上从以前的JSON节点复制数据

Question

我在VueJS上遇到了一个奇怪的问题。

API给我一个像这样的JSON：

{
  movies: [
    {
      name: "Name 2",
      cover: "cover_image.jpg",
      chars: [
        {
          name: "Character 1",
          picture: "picture.jpg"
        },
        {
          name: "Character 2",
          picture: "picture.jpg"
        }
      ]
    },
    {
      name: "Name 1",
      cover: "cover_image.jpg",
      chars: [
        {
          name: "Character N",
          picture: "picture.jpg"
        },
        {
          name: "Character Z",
          picture: "picture.jpg"
        }
      ]
    }
  ]
}

我正在使用此JSON在屏幕上填充几个框。请注意，每个节点都有一个子节点。 所有工作到目前为止。

当我{J}新对象进入JSON时，新框在页面上正确显示，但它复制了上一个节点的子节点。因此，电影3显示正确的主要信息（名称和封面），但正在复制电影2的字符。

当我刷新页面时，一切都很好。 通过Postman测试API也很好。

也许它可能是VueJS的一些缓存？ 我使用组件来显示每个盒子。

谢谢！