Javascript V-for不'；尽管正确传递道具，但仍不能输出道具

我试着做一件简单的事情，但不起作用，因为我不知道为什么

所以在parent，App.vue，component中，我有

data() {
    return {
      servers: [
        {
          id: 1,
          status: offline
        },
        {
          id: 2,
          status: offline
        },
        {
          id: 3,
          status: offline
        },
        {
          id: 4,
          status: offline
        },
        {
          id: 5,
          status: offline
        }
      ]
    };
  }

然后我将它传递给Servers.vue

在Servers.vue中，我有简单的

<ul class="list-group">
      <li class="list-group-item" v-for="i in servers">Server</li>
</ul> 

服务器中的
服务器

它不输出任何东西。什么都没有，即使没有错误

是的，我正在做

道具：[“服务器”]，

知道怎么办吗

我已经尝试解决这个问题很长一段时间了

编辑：修正了那个愚蠢的代码输入错误，还是没什么

---

编辑2：这是我测试了您的GitHub存储库的所有代码，请修改服务器.vue的

data（）

功能，如下所示：

data() {
    return {
      servers: [
        {
          id: 1,
          status: 'offline'
        },
        {
          id: 2,
          status: 'offline'
        },
        {
          id: 3,
          status: 'offline'
        },
        {
          id: 4,
          status: 'offline'
        },
        {
          id: 5,
          status: 'offline'
        }
      ]
    };
  },

这将使您的代码正常工作，下面是执行程序的屏幕截图：

---

发球！='服务器的

已修复，仍然没有添加密钥：

server
已添加，仍然没有添加任何内容
server
从您提供的代码来看，一切都很好。问题出在别处，除非你能提供一把小提琴什么的，否则我们很难诊断。