使用vue.js

Question

有没有人理解为什么我无法使用典型的点符号js访问来访问嵌套的JSON属性？

我有这个JSON对象：

[
   {
      "id":1,
      "user_id":1,
      "view_id":1,
      "module_id":1,
      "user_module_id":1,
      "is_active":false,
      "view":{
         "id":1,
         "name":"June",
         "module_id":1,
         "is_active":false
      }
   },
   {
      "id":2,
      "user_id":1,
      "view_id":2,
      "module_id":1,
      "user_module_id":1,
      "is_active":false,
      "view":{
         "id":2,
         "name":"November",
         "module_id":1,
         "is_active":false
      }
   },
   {
      "id":3,
      "user_id":1,
      "view_id":3,
      "module_id":1,
      "user_module_id":1,
      "is_active":false,
      "view":{
         "id":3,
         "name":"March",
         "module_id":1,
         "is_active":true
      }
   }
]

我正在尝试使用vue.js访问嵌套属性“view.name”，如下所示：

<template v-for="module_view in module_views">
  <tr>
       <td>{{module_view.view.name}}</td>
  </tr>
</template>

但是控制台返回了我的错误：无法读取未定义的属性“name”。

访问1级属性时没有问题，例如：

{{module_view.module_id}} //this works fine!

有谁知道我做错了什么？提前谢谢。