如何获取Vue中JSON数组和JSON对象的值？

本文共计640个文字，预计阅读时间需要3分钟。

这两天的学习主要围绕Vue进行，目的是为了实现前后端的分离。由于数据传输是必不可少的环节，这个过程涉及了一些关键步骤。为了快速入门，我参考了Vue官网的视频教程，通过引入vue.js解决了遇到的一些问题，这个过程让我收获颇丰。

这两天在学习vue，主要是为了实现前后端的分离，因此数据的传输是必不可少的一个环节。

为了快速入门，参考了vue官网的视频，这个过程由于引入vue.js的问题走了一些弯路，这个我们以后再来探讨，因为现在主要讲的是JSON数组和JSON对象。

在这个截图中（截了好几次才完美截下），红框部分是从API获取数据，中间的语法等我们也在以后再讨论。

我发现照着这个模板来做的话，可以正常获取到数据，然而换成我自己的项目之后，就取不出来。通过我在项目打印标记，知道已经是能正常访问到我的controller，那么是在哪里导致不行呢？

观察截图箭头所指的位置json.products，说明按照这个官方提供的链接获取的json，是有一个命名为products的，通过对比我自己项目返回的数据，终于发现了一些区别。