Vue.js 如何访问两级嵌套变量？

如何访问

数据中的变量

非常清楚。但是，如果它有两级嵌套，如何进行：

new Vue({
  el: '#app',
  data: {
    users :
        {
        foo : {
        name : "aa"
      }
    }
  }
})

如何显示：

名称

---

我不确定我是否真的理解了这个问题，但这里有两个示例（取自您的JSFIDLE）可以从您提供的

用户
对象访问“name”

<p>{{users['foo']['name']}}</p>

{{users['foo']['name']}


或者你可以

<p>{{users.foo.name}}</p>

{{users.foo.name}


但是您可能想要一个用户阵列？
这有什么问题吗。它只是一个json

Json可以通过
符号访问

如果你有{a:{b:{c:'name'}}

您可以访问a.b.c或a['b']['c']

检查JSFIDLE


`
{{用户['foo']['name']}

{{users.foo.name}

`
当您删除[“first”]时，您的JSFIDLE可以工作。但是，看起来您希望有一个用户数组。这应该是用户：[{…}，{…}]
`<div id="app">
  <p>{{users['foo']['name'] }}</p>

  <div >
  <p>{{users.foo.name }}</p>
</div>`