Question

很清楚如何在data中访问变量。但是，如果它具有2级嵌套，该怎么做：

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

如何显示：name？

Answer 1

不确定如果我真的理解这个问题，但是在这里，您有两个示例（从jsfiddle中获取）可以从您提供的users对象访问“名称”。

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

或者您可以

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

但是您可能想拥有一系列用户吗？

Answer 2

这是什么问题。它只是一个json。

可以通过.符号访问Json。

如果您有{a：{b：{c：'name'}}}

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

检查jsfiddle。

`<div id="app">
  <p>{{users['foo']['name'] }}</p>

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